imoving

从0开始在coding上部署hexo博客
准备工作1.注册coding,https://coding.net2.下载安装node.js,https://no...
扫描右侧二维码阅读全文
14
2018/03

从0开始在coding上部署hexo博客

准备工作

1.注册coding,https://coding.net
2.下载安装node.js,https://nodejs.org/en/,建议安装D盘,其余一路next
3.下载安装git,http://gitforwindows.org/,同上

创建coding项目

注意选公开项目,勾选启用README.md文件初始化项目。
项目地址在页面右上,等会需要用到。

本地安装Hexo

1.修改git源为淘宝源

npm config set registry https://registry.npm.taobao.org
npm config get registry

第一条命令修改源,第二条命令查看修改结果

2.安装Hexo

  • 在D盘建立一个Hexo文件夹先放着,然后安装Hexo
npm install -g hexo-cli

回车之后会没反应,安装好之后会刷新

  • 输入以下命令创建package.json,“git repository:”填你的项目地址
npm init

项目地址在coding项目的初始化页面https选项

  • 安装Hexo相关模块
npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save

回车后开始安装

所有带fsevents的报错都可以忽视

本地部署Hexo

安装相当于在厨房做菜,接下来部署才是把菜端上来。

  • 进入D盘Hexo文件夹
cd D:/hexo
  • 接下来部署Hexo
hexo init

中途INFO Install dependencies后可能出现乱码,等着就行
出现INFO Start blogging with Hexo!表示部署完成

  • 生成静态网页
hexo generate
  • 开启本地server调试
hexo server

然后浏览器访问localhost:4000即可看到主页

部署至coding

  1. git使用公钥连接coding,可以参考官方文档:https://coding.net/help/doc/git/ssh-key.html
  2. 修改D:/Hexo下的_config.yml
deploy:
  type: git
  repo: <repository url>
  branch: [branch]

repo是ssh端口的git地址,而不是https端口的,在coding项目右上角查看
branch填master

一定注意严谨的格式,repo和branch的冒号后面有一个空格!!!

  1. 如果以上没问题,输入
hexo g -d

即可将本地Hexo部署至coding,然后在项目的Pages服务选择部署来源即可

其他

CNAME等解析就不多说了

Last modification:March 20th, 2018 at 08:40 pm
If you think my article is useful to you, please feel free to appreciate

2 comments

  1. 夏目贵志

    其实还有更简单的 这种也是需要本地一遍子pusl上去·麻烦~

  2. 夏目贵志

    hexo折腾也麻烦 其实还有更简单的 Github issue 直接一个html 页面搞定!!

Leave a Comment