Hexo+Github免费搭建博客教程
免费搭建自己的博客
一、下载安装node.js
在node.js官网下载安装包安装即可。
Win键+R输入cmd进入命令窗口输入node -v(注意-v前有个空格)，如图若出现node版本信息，则安装成功。
二、注册GitHub
在github官网注册登录即可
创建第一个github仓库
如图：1创建>2命名>3勾选>4create即可
待完善
待完善
三、安装git
在git for windows下载安装即可
四、GitHub的ssh配置
打开git bash，输入如下命令
ssh-keygen -t rsa -C "your_email@youremail.com"
如图执行这条命令，会产生下图两个文件
打开GitHub，新建ssh key
打开.ssh目录下的id_rsa.pub文件，复制里面的内容，到github如下所示SSH key的信息，添加即可。
五、hexo的使用
新建Blog文件夹(自己任意设置)，装载hexo到E盘Blog文件夹下
C:\Users\Li>E: //切换到E盘，自行选择装在盘符地址
E:\>cd Blog //切换到Blog
E:\Blog>npm install hexo-cli -g //下载hexo命令
$ hexo init CodedogWorld
安装成功如图
执行以下代码
E:\Blog>cd CodedogWorld
E:\Blog\CodedogWorld>npm install //安装依赖
E:\Blog\CodedogWorld>hexo s -p 5555
结果如图
浏览器输入http://localhost:5555/出现如下图，则搭建成功。
ps:
hexo官网，官网文档有安装步骤。
六、代码编辑器安装及修改博客内容
待补充
待补充
配置 相关文档
type: git //注意git前空格
repo：https://github.com/CodedogWorld/CodedogWorld.github.io.git
七、hexo发布到github
E:\Blog\CodedogWorld>hexo g
报错
E:\Blog\CodedogWorld>hexo d
INFO Validating config
ERROR Deployer not found: git
修复问题(下端口)
npm install hexo-deployer-git --save
E:\Blog\CodedogWorld>hexo g //生成静态文件
E:\Blog\CodedogWorld>hexo d //文件生成后立即部署网站
成功运行
八、next主题使用
为NexT主题添加文章阅读量统计功能
1、标签分类关于页面创建
hexo n page tags #标签页面创建
hexo n page categories #分类页面创建
hexo n page about #关于页面创建
然后分别在各自md文件中加入
type: "tags"
type: "categories"
九、博客创建
命令行输入如下命令
hexo new "markdown语法"
删除已经创建或者创建错误的博客
- 到目录/source/_posts下删除相应的文章
- $ hexo g
- $ hexo d
十一、hexo问题
问题1：
Accessing non-existent property 'column' of module exports inside circular dependency
(node:22132) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(Use `node --trace-warnings ...` to show where the warning was created)
(node:22132) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:22132) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
(node:22132) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(node:22132) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:22132) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
方案:
问题2：
WARN Since language_switcher is turned on, the caching is disabled to avoid potential hazards.
问题3：
err: Error: Spawn failed
at ChildProcess.<anonymous> (E:\Blog\CodedogWorld\node_modules\hexo-util\lib\spawn.js:51:21)
at ChildProcess.emit (events.js:315:20)
at ChildProcess.cp.emit (E:\Blog\CodedogWorld\node_modules\cross-spawn\lib\enoent.js:34:29)
at Process.ChildProcess._handle.onexit (internal/child_process.js:277:12) {
code: 128
原因:
因为
git进行push或者hexo d的时候改变了一些.deploy_git文件下的内容
方案:
- 删除
.deploy_git文件夹;- 输入
git config --global core.autocrlf false- 然后，依次执行：
hexo clean
hexo g
hexo d
问题4
原因：谷歌搜索引擎问题
解决方案：
设置>管理搜索引擎>更换百度搜索引擎
