hexo+coding静态博客搭建和配置
ztf 2019-06-21
git安装
在官网下载对应版本号安装即可git官网下载地址
node环境安装
hexo安装
在git bash中输入以下命令：
$ npm install hexo-cli -g
再创建一个hexo文件夹，在该文件夹目录下初始化hexo：以下指令都在hexo文件夹下git bash
$ hexo init
安装依赖包
$ npm install
安装git插件
$ npm install hexo-deployer-git --save
加载静态资源和开启服务器
$ hexo g&&hexo d
http://localhost:4000/ 即可访问本地博客
coding配置
因为github Pages来作为博客有时候访问比较慢，所以使用国内coding Pages作为博客搭建
Coding上创建项目coding官网，注册完毕首页点击创建项目
配置SSH Key(我们使用SSH方式访问仓库)
ssh-keygen -t rsa -b 4096 -C "[email protected]" # [email protected] 替换为你自己的邮箱 # 过程中需要输入密码等操作，可以全部回车使用默认的
完成之后，C:UsersAdministrator下会多一个.ssh文件夹，里面包含id_rsa和id_rsa.pub两个文件，复制id_rsa.pub中的内容,返回到coding主页->账户->SSH 公钥配置即可，公钥随意，勾选长久有效，返回coding项目中复制之前创建项目的ssh,点击代码可以查看到。
配置文件的修改
修改_config.yml文件
新增访问仓库的路径
deploy: type: git repo: 项目的ssh branch: master
修改主题，把喜欢的主题下载下来，比如用比较热门的next
$ git clone https://github.com/iissnan/hexo-theme-next themes/next 修改：theme： next
基本信息填充
title：xx(标题) subtitle：xx(副标题) description：xx(详情) author：xx(作者) language：zh-Hans(中文)
具体设置其他参数如：头像、其他论坛账号等 next官网
注意点
root:需要改成 /xx/ xx为你的coding项目名，不然上线会出现js、css路径问题
上传项目
$ hexo g&&hexo d
即使用http://用户名.coding.me/项目名 即可访问线上的博客
拓展
新建文字：在项目的source/_posts中可以创建md或者new执行来新建一篇文章
编辑md文件：下载sublime的liveload插件和chrome浏览器的liveload插件，在$ hexo
s情况下修改md文件，即可实时查看本地博客的编写效果加入自己项目：可以在source文件夹中放入自己项目的文件夹，即可查看自己的html文件，不过hexo会对source文件下的进行渲染，所以需要设置，跳过渲染，这样不会出现js渲染错误的问题。
skip_render: - 自定义文件夹/** - 自定义文件夹/**
