博客搭建

686 阅读3分钟

前言

项目源码托管于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 -gnpm install -g hexo-cli
  4. 显Hexo版本(hexo versionhexo -v
  5. hexo init初始化文件夹Blog
  6. 步骤5图显Start blogging with Hexo !,npm install装所需组件
  7. 生成静态文件(hexo generatehexo g
  8. 启服务器(hexo serverhexo 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 generatehexo g
  13. 启服务器(hexo serverhexo s)。默认网址http://localhost:4000/
  14. 刷链接
  15. E:\Blog\themes\next下_config.yml,找到sheme字段,改值为Pisces并保存
  16. 同步骤11、12、13、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 --deployhexo g -dhexo deploy --generatehexo d-g
  4. 刷新

绑定域名

  1. 阿里云万网注册域名
  2. 右上角点解析
  3. 添解析 参考
    官方给IP
    官方回复
  4. cd.>CNAME于E:\Blog\source建名为CNAME文件且无后缀名,不可记事本(后缀名.txt)
  5. 提交(hexo generate --deployhexo g -dhexo deploy --generatehexo d-g
  6. 启服务器(hexo serverhexo s
  7. 上述操作后等一段时间(解析生效时间)刷新

问题

原因

分析

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

依据

解决

实名认证。实名认证过后一段时间仍出上述问题则重新过户并实名认证,通讯地址(中文)一栏填身份证显示住址。

其它

不足

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

文件结构

.
├── .deploy #需部署的文件
├── node_modules #Hexo插件
├── public #生成的静态网页文件
├── scaffolds #模板
├── source #博客正文和其它源文件,404、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