跟我一起写博客

 跟我一起写博客

想要创建一个属于自己的博客吗?那就和我一起从零开始搭建吧!

 一、搭建环境

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解析域名的问题。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容