跟我一起写博客
想要创建一个属于自己的博客吗?那就和我一起从零开始搭建吧!
一、搭建环境
1.下载安装 nodejs(https://npm.taobao.org/mirrors/node/v8.9.3/node-v8.9.3-x64.msi)
注:根据电脑选择版本选择操作系统,eg:window 64位操作系统,选择Windows 系统 (.msi) 64位。
2.检测node、npm管理工具是否安装成功
PS D:\vue> node -v
PS D:\vue> npm -v
二、安装hexo工具
在命令窗口执行以下操作
PS D:\vue> npm install -g hexo-cli
由于原始链接下载过慢,切换成淘宝镜像源,例如:
PS D:\vue> npm config set registry https://registry.npm.taobao.org
三、下载博客源代码文件
PS D:\vue> hexo init blog //创建一个blog文件夹,确保路径没有中文
PS D:\vue> cd blog //切换到blog文件夹中
PS D:\vue\blog> npm install //安装依赖文件
PS D:\vue\blog> hexo server //在本地开启服务器
四、配置远程仓库
1、安装hexo的git工具插件
PS D:\vue\blog> npm install hexo-deployer-git –save
2、找根目录下_config.yml
deploy:
type: git
repository: git@github.com:also666/also666.github.io.git
branch: master
五、上传与提交
PS D:\vue\blog> hexo clean // 先将之前生成的public文件夹删除掉
PS D:\vue\blog> hexo d g // 生成html代码并且提交到github上。 g: 生成 d:提交
注:每一次上传都要执行此操作
六、优化博客
1、UI 优化 下载相关的主题,修改theme: ***
2、域名
1) 购买
2) 认证
A @ 192.30.252.153
A @ 192.30.252.154
CNAME www username.github.io
3) 域名解析
回到github进行解析
Setting-> www.yuming.com
在source文件夹下创建一个CNAME文本,输入你的域名,可以解决每次都去Github解析域名的问题。