Hexo&GitPage搭建个人博客流程

发布于 2020-06-11  1 次阅读


序言

  这里介绍在Windows10系统下,通过Github所提供的GitPage功能配合Hexo框架来进行的个人博客搭建流程。在介绍过程中,也会提到一些其它系统下所需要的命令。

  本文综合了笔者在搭建过程中通过官方文档、网络资料结合直接的视角所总结的经验。

  之前笔者一直利用云服务器或某免费虚拟空间和WordPress相结合,进行个人博客的搭建。但是云服务器和虚拟空间也有其缺点。云服务器需要支付较高的租用费用,并需要进行一定的维护。而对于免费虚拟空间,定期的申请续期又可能耗费不必要的精力。

  相比之下,GitPage服务就体现出其优势——首先,基于GitHub上的库,不必支付费用;同时,无需为了免费服务而付出多余的精力。对于新人来说,是一个较为省时省力的选择。而Hexo则提供了一个在这种情况下搭建博客的极好工具。


  在使用Hexo之前,先要配置Hexo需要的环境。这两步没有什么坑,很简单:

1.安装Git

Windows:下载并安装git
Mac:使用Homebrew,MacPorts或者下载安装程序。
Linux (Ubuntu, Debian):sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS):sudo yum install git-core

  对于Windows系统,官方的Git for Windows下载地址是 http://git-scm.com/download/win 。但是这个网址下载速度受限,可以下载 淘宝 Git for Windows 镜像 。

2.安装Node.js

  除了Node.js 的官方 安装程序 。同上述, 淘宝 Node.js 镜像 中提供了镜像供下载。

  对于Windows用户,在运行安装程序时要勾选 Add to PATH 选项。这个选项默认是被勾选的。

3.安装Hexo

  以上的工作结束后,就可以进行Hexo的安装了。笔者通过Windows系统的命令提示符(cnm)、及PowerShell(二选一)进行了一系列的安装配置工作。

#命令行输入,使用npm安装Hexo(npm是Node.js中的命令,感兴趣的读者可以自行深入了解。)
$ npm install -g hexo-cli

  这里有一点需要注意,我们使用npm下载第三方包时会极其缓慢,笔者一度怀疑是指令没有没执行。可以用淘宝提供的镜像进行替代,其与官方版本的同步频率目前为每10分钟一次。方法如下:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

  这样,就可以使用cnpm命令替代npm命令。为了适应实际情况,接下来的演示都将使用cnpm。

#使用方法
$ cnpm install [name]

  除上面的安装方法,笔者实际使用的是这个命令(因为对笔者来说,比较好记..):

$ cnpm install hexo

  安装之后,通过以下方式就可以执行Hexo了!

npx hexo <command>

  或者,将 Hexo 所在的目录下的 node_modules 添加到环境变量之中即可直接使用 hexo <command>:

echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile

4.建站(本地)

  执行下列命令:

$ hexo init <folder> # <folder> 替换为你所指定的文件夹
$ cd <folder> #文件夹的路径,接下来的操作都在该文件夹中进行。
$ cnpm install #在上述文件夹中添加一个node_modules文件夹,确保接下来的指令可以正常执行。

.
├── _config.yml
├── package.json
├── scaffolds
├── source
 | ├── _drafts
 | └── _posts
└── themes
其中,在_config.yml文件中可以配置网站的大部分信息。

(到这里网站的基本框架其实已经搭好了,考完试要是还活着我就继续更新~)

点击数:1