ddddfang's Blog.

hexo-blog

字数统计: 358阅读时长: 1 min
2019/01/03 Share

github 结合 hexo 可以搭建自己的博客,具体步骤如下.

1. 安装依赖

安装node.js

1
2
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash   //https://github.com/creationix/nvm
wget -qO- https://raw.github.com/creationix/nvm/v0.33.11/install.sh | sh

(重启terminal)

1
2
nvm install stable
node -v

安装node插件(hexo)

1
2
npm install -g hexo-cli
hexo -v

2. 搭建blog

github上新建一个仓库,名字叫 ddddfang.github.io
//(这一步没必要)git clone git@github.com:ddddfang/ddddfang.github.io.git (使用ssh方式可以在上传了ssh公钥后不用输密码)

然后在本地:

1
2
3
4
hexo init blog (then there will be a blog folder in current folder)
cd blog
npm install
npm install hexo-deployer-git --save(不install的话 下面 hexo d 部署的时候会报错)

修改modify _config.yml :

1
2
3
4
deploy:
type: git
repository: git@github.com:ddddfang/ddddfang.github.io.git
branch: master

完成后:

1
2
3
hexo clean
hexo g (generate 相应的文件)
hexo d (这一步就会将本地的blog生成的一些文件部署到github我们的仓库中)

浏览器访问 https://ddddfang.github.io/

2.1. 更换主题

1
git clone https://github.com/HmyBmny/hexo-theme-concise.git themes/concise

2.2. 上传图片

参考这里
总结就是:

1
2
3
1. _config.yml 的post_asset_folder 设为true
2. npm install hexo-asset-image --save 上传本地图片的插件
3. abc.md 中引用图片时, ![说明文字](abc/xxx.jpg)

ref

https://hexo.io/zh-cn/
https://www.jianshu.com/p/1c888a6b8297?utm_source=oschina-app
https://blog.csdn.net/hzq_0111/article/details/78956821
https://blog.csdn.net/Arisstz/article/details/80708851
https://www.cnblogs.com/fengxiongZz/p/7707568.html
https://blog.csdn.net/ainuser/article/details/77609180
https://www.zhihu.com/question/21193762

CATALOG
  1. 1. 1. 安装依赖
  2. 2. 2. 搭建blog
    1. 2.1. 2.1. 更换主题
    2. 2.2. 2.2. 上传图片
  3. 3. ref