Hexo创建静态站点

Hexo文档:https://hexo.io/zh-cn/docs/

Hexo文档:https://hexo.io/zh-cn/docs/

安装Hexo

首先要提前配置好Node.js环境。

npm install hexo-cli -g

使用淘宝镜像

npm install --registry https://registry.npm.taobao.org hexo-cli -g

创建站点存储仓库

创建github公开仓库,仓库名称为 username.github.io

创建gitee公开仓库,仓库名为 username

创建Hexo项目

运行init命令初始化项目

hexo init blog

安装hexo默认依赖的node模块

cd blog

npm install

此时,项目目录结构如下:

.├── _config.yml├── package.json├── scaffolds├── source|   ├── _drafts|   └── _posts└── themes

常用命令

初始化项目

hexo init <folder>

生成静态文件

hexo generate 或者 hexo g

启动本地服务器,访问地址为 http://localhost:4000

hexo server

部署到配置的github仓库

hexo deploy 或者 hexo d

清理缓存文件(db.json和已生成的静态文件public目录)

hexo clean

列出网站内容(type包括: page, post, route, tag, category)

hexo list <type>

查看hexo及相关依赖模块的版本信息

hexo version

创建新文章或页面或草稿

hexo new [layout] <title>

其中,layout选项表示文件类型,默认有3种: post, page, draft, 或者使用自定义布局

layout

保存路径

说明

post

source/_posts

默认,新文章

page

source

页面

draft

source/_drafts

草稿

自定义布局

source/_posts

文章

发布草稿文章

hexo publish post <title>

该命令会将草稿文章从 source/_drafts/ 移动到 *source/_posts/* 目录下。

配置

网站基本信息

# Sitetitle: Hexo博客subtitle: ''description: ''keywords:author: lyplanguage: zh-CN #zh-Hanstimezone: 'Asia/Shanghai'

网址URL

# URL## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'url: https://lypzzz.github.io/root: /permalink: :year/:month/:day/:title/permalink_defaults:pretty_urls:  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks  trailing_html: true # Set to false to remove trailing '.html' from permalinks

部署

官方文档: https://hexo.io/zh-cn/docs/github-pages

在Hexo配置中添加以下配置

# Deployment## Docs: https://hexo.io/docs/one-command-deploymentdeploy:  type: 'git'  repository: git@github.com:lypzzz/lypzzz.github.io.git  branch: main

同时部署到多个仓库

deploy:  # github  - type: 'git'    repo: git@github.com:lypzzz/lypzzz.github.io.git    branch: main  # gitee  - type: 'git'    repo: git@gitee.com:lypzzzzz/lypzzzzz.git    branch: main

安装 hexo-deployer-git 插件

npm install hexo-deployer-git --save

运行命令

hexo clean && hexo d -g

此时,即可看到站点效果!

绑定域名

首先要有一个域名。

其次,在域名控制台添加2条域名解析记录(一般域名服务商都会提供免费解析服务的),指向github pages服务器

  • @ 记录,A类型,记录值为 github服务器IP地址,可以使用 ping 命令获取,或者去站长之家获取
  • www 记录,CNAME类型,记录值为github pages分配的个人域名,例如:lypzzz.github.io

然后,在 source/ 文件夹下,创建文件 CNAME,没有后缀!,内容为域名

lypzz.com

重新部署hexo

hexo clean && hexo d -g

最后,打开github,到hexo项目仓库的Settings下,找到Pages栏,查看自定义域名是否已生效,可能要等几分钟时间。

OK!

主题

不管是自己创建的主题,还是clone的别人的主题,都放到hexo项目的 themes/ 目录下,只需要修改Hexo配置下的 theme 项的值为主题文件夹名称即可

theme: landscape

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/133512.html

(0)

相关推荐