Hexo 是一个快速、简洁且高效的静态博客框架,它基于 Node.js 运行,可以将我们撰写的 Markdown 文档解析渲染成静态的 HTML 网页。
GitHub Pages 是由 GitHub 官方提供的一种免费的静态站点托管服务,让我们可以在 GitHub 仓库里托管和发布自己的静态网站页面。
安装hexo环境
安装前提
- 安装 Git
- 安装 Node.js
安装 hexo
npm install -g hexo-cli
# 或者
npm install hexo
hexo常用命令
hexo new "name" # 新建文章
hexo new page "name" # 新建页面
hexo g # 生成页面
hexo d # 部署
hexo g -d # 生成页面并部署
hexo s # 本地预览
hexo clean # 清除缓存和已生成的静态文件
hexo help # 帮助
构建基础网站
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
# 初始化
hexo init <folder>
# 进入站点目录
cd <folder>
# 安装组件
npm install
# 生成页面
hexo g
# 启动预览
hexo s
- 注意:将<folder> 替换为你的目录文件夹
- **访问 **
http://localhost:4000
,出现 Hexo 默认页面,本地博客安装成功! - **如果出现页面加载不出来,可能是端口被占用了。Ctrl+C 关闭服务器,运行
hexo server -p 5000
更改端口号后重试。
新建完成后,在 folder 文件夹下将会产生如下目录**
.
├── .github
├── node_modules
├── _config.yml # 网站的配置信息
├── _config.landscape.yml # 网站的默认主题配置信息
├── package.json # 引用程序的信息
├── scaffolds # 模板文件夹
| ├── draft.md
| ├── page.md
| └── post.md
├── source # 资源文件夹
| ├── _drafts
| └── _posts
| └── hello-world.md
├── themes # 主题文件夹
| └── .gitkeep
└── public # 网站文件
_config.yml 网站的配置 信息,在这个文件中可以配置网站相关的大部分信息
package.json 网站应用程序信息,默认安装了 EJS, Stylus 和 Markdown 渲染引擎和 landscape主题
{ "name": "hexo-site", "version": "0.0.0", "private": true, "scripts": { "build": "hexo generate", "clean": "hexo clean", "deploy": "hexo deploy", "server": "hexo server" }, "hexo": { "version": "" }, "dependencies": { "hexo": "^7.0.0", "hexo-generator-archive": "^2.0.0", "hexo-generator-category": "^2.0.0", "hexo-generator-index": "^3.0.0", "hexo-generator-tag": "^2.0.0", "hexo-renderer-ejs": "^2.0.0", "hexo-renderer-marked": "^6.0.0", "hexo-renderer-stylus": "^3.0.0", "hexo-server": "^3.0.0", "hexo-theme-landscape": "^1.0.0" } }
scaffolds 模版 文件夹,新建文章时,Hexo 会根据 scaffold 来创建文件。
source 资源文件夹是存放用户资源的地方
themes 主题 文件夹
转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 jiang4yu@126.com