Hexo&GitPage搭建个人博客流程

作者: 有志气的玻璃人 | 来源:发表于2020-02-11 21:00 被阅读0次

序言

  这里介绍在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文件中可以配置网站的大部分信息。

(mark!休息去先,晚安!)

相关文章

  • Hexo&GitPage搭建个人博客流程

    序言   这里介绍在Windows10系统下,通过Github所提供的GitPage功能配合Hexo框架来进行的个...

  • 搭建一个自己博客的基本流程

    个人搭建博客的基本流程 要搭建博客的话其实手把手自己搭建,应该是如下步骤: 1.买域名(门牌号,我推荐阿里云,很不...

  • 博客搭建之路

    前面说了这是我第二次搭建博客,所以对搭建博客的基本流程还算清楚,当时也写过一次博客的搭建流程,写的特别细,每一步,...

  • Hexo博客搭建详细笔记(Win10+Gitee)

    目录 1、为什么要搭建个人博客 2、搭建个人博客的多种选择 (1)动态博客搭建 (2)静态博客搭建 3、先简要介绍...

  • Hexo+github搭建个人博客-博客发布篇

    通过 Hexo+github搭建个人博客-环境搭建篇 以及 Hexo+github搭建个人博客-博客初始化篇 ...

  • 搭建hexo本地环境(一)

    关于hexo个人博客的搭建流程网上教程多的不计其数,本人跟着网上诸多教程搭建,遇到不少坑爹的地方。而且网上绑定个人...

  • Blog

    个人博客搭建

  • GHOST 博客搭建流程

    前言: 废话不多说,下面是搭建流程: 搭建流程 准备材料:putty(连接远程云服务器),云服务器并且安卓了操作系...

  • 解决Mac 下 Jekyll + GitHub Pages搭建个

    网上有很多关于Jekyll + GitHub Pages搭建个人博客的教程,官方文档也写得很好,具体流程可以参考,...

  • 个人博客搭建

    https://ppb2.github.io/ 预览版

网友评论

    本文标题:Hexo&GitPage搭建个人博客流程

    本文链接:https://www.haomeiwen.com/subject/ctxffhtx.html