我的新博客地址:http://ericwu.cn

前言

我的博客从以前的博客园汕大小吴-博客园迁移到现在的 Github Page 汕大小吴啦 !!!

现在的博客是基于hexo搭建的,使用的是hexo-theme-fluid主题,部署在GitHub Page上,使用的是自定义的域名,评论系统采用了gitalk,然后图片使用了hexo-asset-image插件管理。

欢迎大家收藏我的新博客网址。

为啥从博客园切换到 Github Page?

  1. 博客园社区活跃度不复从前。

    如果你浏览过博客园首页的话,你会发现博客园首页真的太烂了,使用体验很差,见下图。这就导致了博客园的社区活跃度不够。作为一名写作者,写作的内容就会比较少人看到。所以我打算使用 Github Page 作为我的博客中心站点,然后可以根据我的需要将博客同步到我想要发布的平台,比如掘金、segmentfault、博客园等。
    博客园首页

  2. 无法使用自己的域名

    如果想要在网络上建立起自己的个人品牌和影响力的话,还是很有必要使用自己的域名的。另外通过 Github Page+自定义域名,我们可以让自己 github 上的项目都部署起来。比如我的博客是 ericwu.cn,我的前端面试盒子是 fe.ericwu.cn

  3. 定制化不够自由
    博客园提供的定制化基本上都是 CSS 相关的,如果想要深层次定制是不支持的,而我们有时候想要一些深层次的定制。

我是如何搭建现在的博客

说实话,搭建现在的博客我也是走了一些弯路,参考了许多博客文章,看了许多博客主题。我会将一些值得注意的点或者坑写出来。

1.博客技术选型

我主要参考了杨琼璞的文章:如何选定搭建个人独立博客工具
我也看了很多博客,总结下我的看法就是。

  • Vuepress 简洁至上,适合写技术文档,打算用在我的前端面试盒子上。
  • Jekyll 功能丰富,相对vuepresshexo算老,并且基于 Ruby 的。
  • Hexo 功能丰富,也比较成熟,有很多插件,基于 Node。

综上所述,我选择使用hexo来搭建博客,并且我看了很多博客主题,比较喜欢的是hexo-theme-fluid主题,其文档也比较详细。

2.搭建过程

我的博客搭建主要参考了这篇文章:快用 Hexo+GitHub 搭建属于自己的博客吧~ ,并且我使用了 gitalk 作为评论系统。这里说下值得注意的点有:

  1. 博客的 github 仓库名。仓库名必须为 yourname.github.io,部署的时候,使用 Github Page 就会部署到 yourname.github.io 下。如果你使用了比如 example 作为仓库名,那么就会部署到 yourname.github.io/example/下。

  2. 如何给博客仓库增加README.md:在_config.yml中修改 skip_render 为skip_render: README.md,然后在 source 目录下增加你的仓库介绍文件 README.md

  3. 自定义域名。记得在你 source 目录下增加 CNAME 文件,填写你的自定义域名。部署的时候 Github 会自动帮你设置将 yourname.github.io 切换为你的自定义域名,如图(当然你也可以手动设置)。
    自定义域名

  4. gitalk 评论系统。如果你使用了 fluid 主题的话,需要修改下代码,如下图,因为他们的 MD5 的那个 js 文件出问题了,当然最新版已经修复这个问题了。配置 gitalk 时,repo 名为仓库名而不是仓库地址。以及注册应用时 gitalk 的回调地址,需要使用你的博客部署域名(也就是使用了自定义域名的话就要填自定义域名。
    gitalk.ejs
    gitalk配置
    gitalk回调地址

  5. 关于hexo-asset-image插件。现在的 CDN 需要备案域名,使用 CDN 的话有风险,如果 CDN 挂了,博客中的图片就没了,并且每次写作时还要上传图片到 CDN 比较麻烦。所以这里推荐使用hexo-asset-image插件,会给每篇博客创立一个目录用于收录图片资源。但是这里有个坑,npm 上的 hexo-asset-image 包是错误的,具体可以看这个issue#47。虽然官方代码已经修复了,但是 npm 包还是错误,因此建议安装他人发布的修复包,或者使用正确版代码直接覆盖掉 node_modules/hexo-asset-image/index.js 中的代码。

总结

工欲善其事必先利其器。
一个简单、简洁的个人博客,既有利于提高自己的创作兴趣,也有利于个人品牌的建设。
希望每个人都能搭建一个拥有自己个人特色的博客。

posted @ 2020-05-29 16:11  汕大小吴  阅读(686)  评论(2编辑  收藏  举报