博客搭建

前言

项目源码托管于GitHub，每GitHub仓库都有pages服务，简单设置以项目index.html为入口展现项目。

方式

Hexo + GitHub Pages

• Hexo 文档 快速、简洁且高效博客框架。基于Node.js。Hexo用Markdown（或其它渲染引擎）解析文章，几秒内可用靓丽主题生成静态网页。
• GitHub Pages 为我的和项目提供网站。展现HTML（有服务器可上传本身服务器）

准备

• 装Node.js并验成功与否

  

• 装Git并验成功与否

  

步骤

GitHub

1. 新用户注册，新建名为帐户名.github.io仓库

   

2. 右上角点Settings。Source选master branch并Save，Theme Chooser点Choose a theme选主题

   

3. 步骤2后点步骤2中页面连接

   

Hexo

1. 建文件夹Blog

   

2. cmd命令行进文件夹Blog

   

3. 装Hexo（npm install hexo -g或npm install -g hexo-cli）

   

4. 显Hexo版本（hexo version或hexo -v）

   

5. hexo init初始化文件夹Blog

   

6. 步骤5图显Start blogging with Hexo !，npm install装所需组件

   

7. 生成静态文件（hexo generate或hexo g）

   

8. 启服务器（hexo server或hexo s）。默认网址http://localhost:4000/

   

   

9. git clone https://github.com/iissnan/hexo-theme-next themes/next

   

10. E:\Blog下_config.yml，找到theme字段，改值为next并保存

    

11. hexo clean清除缓存文件（db.json）和已生成静态文件（public）。某些状况（尤为换主题）对站点更改不管如何不生效，可能需运行该命令

    

12. 生成静态文件（hexo generate或hexo g）

    

    

13. 启服务器（hexo server或hexo s）。默认网址http://localhost:4000/

    

14. 刷连接

    

15. E:\Blog\themes\next下_config.yml，找到sheme字段，改值为Pisces并保存

    

16. 同步骤十一、十二、1三、14

    

绑定GitHub

改E:\Blog下_config.yml，图中为repository而非repo

或

建立/提交

1. hexo new post “博客搭建”于E:\Blog\source_posts下建立博客

   

2. npm install hexo-deployer-git --save装扩展

   

3. Hexo生成完毕后自动部署网站（hexo generate --deploy或hexo g -d、hexo deploy --generate或hexo d-g）

   

   

4. 刷新

   

   

绑定域名

1. 阿里云万网注册域名
2. 右上角点解析

   

3. 添解析 参考

   

   官方给IP

   

   官方回复

   

4. cd.>CNAME于E:\Blog\source建名为CNAME文件且无后缀名，不可记事本（后缀名.txt）

   

5. 提交（hexo generate --deploy或hexo g -d、hexo deploy --generate或hexo d-g）
6. 启服务器（hexo server或hexo s）
7. 上述操做后等一段时间（解析生效时间）刷新

   

问题

缘由

分析

• 用国内域名致使
• 经过国内注册商注册国际域名并使用致使
• 无实名认证致使

依据

解决

实名认证。实名认证事后一段时间仍出上述问题则从新过户并实名认证，通信地址（中文）一栏填身份证显示住址。

其它

不足

国内访GitHub速度较慢且GitHub不被百度收录，不利于SEO。买一虚拟主机，代码放虚拟主机便可。

附

文件结构

.
├── .deploy #需部署的文件
├── node_modules #Hexo插件
├── public #生成的静态网页文件
├── scaffolds #模板
├── source #博客正文和其它源文件，40四、favicon、CNAME都应放这里
| ├── _drafts #草稿
| └── _posts #文章
├── themes #主题
├── _config.yml #全局配置文件
└── package.json
复制代码

命令

经常使用

hexo help # 查看帮助
hexo init # 初始化目录
hexo new "postName" # 新建文章
hexo new page "pageName" # 新建页面
hexo generate # 生成网页，可在public目录查看整个网站文件
hexo server # 本地预览，Ctrl+C关闭
hexo deploy # 部署.deploy目录
hexo clean # 清除缓存，强烈建议每执行命令前先清理缓存，每部署前先删除.deploy文件夹
复制代码

简写

hexo n = hexo new
hexo g = hexo generate
hexo s = hexo server
hexo d = hexo deploy
复制代码