通过 GitHub 搭建个人博客

借助 GitHub Page,个人开发者可以很简单地搭建自己的专属博客。

创建 GitHub Page

转到 GitHub 并创建一个名为 username.github.io 的新存储库,username 为你自己 GitHub 上的用户名。

创建成功后,进入新仓库的设置页,下拉至“GitHub Pages”设置项,点击“Choose a theme”,选择自己喜欢的一款主题后确认。回到代码区,发现新创建了 _config.yml 和 index.md 两个文件。现在可以通过浏览器访问 https://username.github.io ,你的个人 GitHub Page 已成功创建。网页的内容解析自代码区的 index.md 文件,GitHub Page 支持解析 Markdown 文件和 HTML 文件。

通过 Hexo 框架管理博客

有了域名解析还远远不够,为了让我们专注于撰写博客而不用操心别的事情,我们可以使用博客框架来快速地配置网页,美化界面等。我所使用的 Hexo 是一个目前较为流行的博客框架,配置上手也比较简单。

在终端执行以下命令安装 Hexo(需要事先装好 npm 包管理):

1
$ npm install hexo-cli -g

执行成功后,通过 hexo 命令新建一个博客:

1
$ hexo init blog

创建一篇新文章:

1
$ hexo new "My New Post"

文章完成后,执行运行命令,在本机 http://localhost:4000/ 查看网页效果:

1
$ hexo server

若对默认主题不满意,可在官网 https://hexo.io/themes/ 挑选喜欢的主题,保存到 themes 目录下,同时修改 _config.yml 文件的 theme 项后,执行 install 命令:

1
$ npm install

_config.yml 是网页全局配置文件,所有配置项可在此处一并修改。

博客完成后,执行生成命令:

1
$ hexo generate

成功执行后会生成一个名为 public 的新目录,将里面的文件 push 到上面创建的仓库,你刚刚完成的文章便可在线访问了(可能需要等待几分钟刷新)。

最后

个人的一点小分享,希望能对你有所帮助。