基于hexo在ubuntu上构建个人博客


Github虽有readme提供导读,但终归不是个人博客的形式,因此我在思考如何将markdown语句写成的技术文档轻松地转换成方便阅读的Html格式,并搭建自己的技术金字塔博客。

基于hexo在ubuntu上构建个人博客

hexo 是一个台湾的大学生写的静态网页框架,好用简单,因此本次选用 hexo 搭配 Github Pages 完成个人博客网站的制作。

一. 安装 hexo 及依赖组件

在使用 hexo 前需要确保Github个人账户已完成SSH密钥设定,且已按照之前博客完成了对于git的安装和学习,一切都准备就绪后咱们首先安装 npmNode.js

sudo apt-get install nodejs
sudo apt install npm

接着安装 hexo

npm install -g hexo-cli

我在安装时报错,经查跟 npm 源有关, 于是我改用 cnpm 进行安装,并且使用管理员权限:

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
sudo cnpm install hexo-cli -g

二. 将hexo部署至Github

使用picgo搭建图床

部署完网页后,使用 hexo clean hexo g hexo d 三连生成远端博客。我发现用.md文件里用在线链接复制的图片都正常显示,而本地路径复制的图片都无法正常显示。经过学习,我发现解决方案都十分的复杂,还需要做很多复制操作。直到图床这个概念进入我的视线。

图床能干啥?

官方叫开源图片管理系统,民间理解就是个在网络上存储图片的地方,可以方便在你的博文里调用,加快图片打开速度。常见的图床如下所示:

PicGo能组撒

PicGo一个用于快速上传图片并获取图片 URL 链接的工具。

img

也就是说他会实现shutter截图-复制到剪贴板-上传到图床-生成markdown支持的链接 一条龙服务。

Gopic关联Typora实现复制即上传

在typora偏好设置里更改成如下配置后即可实现复制到typora即同步上传到图床。


文章作者: zzk-fsy
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 zzk-fsy !
  目录