Ding

个人 blog 搭建介绍

发表于 | 更新于 | 分类于 | | 阅读次数
hexo+gitpage 简单的个人blog系统搭建

前言

或许你心血来潮想要创建一个属于自己的 blog

或许创建 blog 的想法由来已久，只是迟迟没有付出实践

或许你只是无意间浏览到了这篇文章

那么你可以选择继续阅读这篇日志，全文大概需要10分钟，阅读并实现各个部分的话，你将获得：

  • 一个属于自己的网络博客

以及搭建这个 blog 的周边知识和工具，当然，这些都是 免费 的软件和服务。

准备工具

在开始之前，请完成以下步骤：

  1. 如果没有 github 账号，请注册一个。传送门
  2. 下载并安装 NodeJS。传送门

  3. 安装 Hexo 及相关插件。

    1
    > npm install -g hexo

    安装完毕之后通过如下命令进行版本检测：

    1
    > hexo --version

  4. 相关配置。

搭建

首先，我们在本地存储上找一个自己喜欢的目录下创建一个 blog 文件夹，打开命令行程序进入到当前目录

Windows：Shift+右键 –> 在此处打开命令窗口

在这里，我们来熟悉几个 hexo 命令

1
2
3
4
5
6
7
8
> hexo init         # 初始化静态站点
> hexo clean        # 清除当前站点配置(模板文件，数据库...)
> hexo generate     # 也可以简写成 hexo g ,根据配置生成 hexo 网页数据
> hexo server       # 启动服务，在浏览器中输入 http://localhost:4000 查看效果
> hexo deploy       # 也可以简写成 hexo d ,部署命令
> hexo new page "PAGE_NAME"        # 创建新的页面
> hexo new "POST_NAME"             # 创建新的日志

好，我相信到这里你已经兴致勃勃的想要创建一个自己的站点来看看了。那就来试试吧！

1
2
3
4
5
6
7
8
> hexo init
...
> hexo generate
...
> hexo server
...

然后我们打开浏览器，输入 http://localhost:4000 如下图所示

测试

到这里，其实我们已经完成了大部分工作了，剩下的就是一些第三方插件的配置，如我所熟悉，常用的有：

  • 搜索
  • 字数统计
  • 评论
  • …

这些功能可以参考：第三方服务集成，在这儿就不过多阐述了，有什么不清楚的或者困难，欢迎给我留言。

关于 Markdown

Markdown 是 hexo 默认的标记语言，它因为简洁，使用方便被广泛用来日志记录。

关于部署

前文提到的 github 我相信你已经注册了吧，为什么要注册它呢？如果你想让世界各地的因特网用户看到你写的日志，就需要放在公网上。

传统的方法是买空间，买域名，搭服务器，再部署，这样很麻烦而且费用也不少。而前面我提到这一切都是免费的，所以，我们用 git page 的形式来进行公网发布，简单粗暴。:)

  1. 登陆 github 创建一个 repository
  2. 进入 repository 的 settings 选择生成 gitpage
  3. git init 我们刚才创建的 hexo 项目

  4. 修改 hexo 的配置文件，将 hexo 和 git 关联起来
    关于这点，需要特别说明一下，hexo 和 git 关联起来的话需要进行一个 SSH 配置，这样就不用在每次自动部署的时候进行身份验证，一键命令搞定就行，之后如果看官喜欢折腾的话可以考虑自动持续构建（CI），只用 post 就行了，之后的 clean ，g ，d 等命令就让自动构建来帮你完成就好了。

    扯多了，附上一篇介绍比较详细的参考文章：如何搭建一个独立博客——简明Github Pages与Hexo教程，参考里面的 配置SSH keys 这个章节就好了。

完成上面的步骤之后，我们通过如下命令就可以一键部署到 github 上了。

1
> hexo d

关于使用图片

教程请参考 Markdown 无痛使用本地图片

下载安装完插件之后，在 blog 的 _post 目录下创建一个和文章命一模一样的文件夹，然后放入图片即可。

引用方式

1
![image_alt_txt](POST_NAME_DIR/image.png)

参考

你的认可是我最大的动力！