博客搭建

snp
866 阅读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 -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. 同步骤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 --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 #博客正文和其它源文件，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
avatar
文章
阅读
粉丝