概述
0 准备工作
0.1 Node.js
Hexo基于node.js编写,搭建需要node.js环境,使用npm(node package manager,NodeJS包管理工具)安装hexo框架及相关工具。
安装配置方法参见以下博文:
Node.js安装配置
Node.js一些报错的解决方案
0.2 Git
需利用Git将本地Blog文件上传至Github公共仓库,从而可以被公共访问,安装配置方法如下:
Git安装与使用,操作 “2 Git下载与安装,3 Git配置” 章节
1 Hexo Blog搭建
1.1 安装Hexo
利用npm安装hexo框架,Git Bash输入以下命令:
npm install -g hexo-cli #安装hexo框架,若安装了国内镜像源可使用cnpm安装;-g即-global表示全局安装;install可简写i
hexo -v #查看hexo版本,-v即-version,确认是否安装成功
创建Blog目录,这里命令为<HexoBlog>,该目录下Git Bash输入命令进行初始化
mkdir HexoBlog #创建目录
cd HexoBlog #跳转目录
hexo init #初始化Blog目录
此时文件夹的目录如下:
node_modules:
node.js库目录
public:
生成的HTML网页文件目录
scaffolds:
新文章和新页面的初始设置
source:
其中_posts目录为文章存放目录
themes:
主题文件目录
_config.yml:
Blog配置文件
1.2 生成本地页面
生成本地静态文件页面
hexo generate # public目录下生成静态 HTML文件;可简写为 hexo g
本地预览页面
hexo server #本地运行服务器,http://localhost:4000地址下即可本地预览 Blog,Ctrl+C关闭本地服务器;简写 hexo s
1.3 部署到Github仓库
Github创建公共仓库并命名为 <“YourGithubName”.github.io>,
生成SSH公钥,连接Github与本地
ssh-keygen -t rsa -C <YourEmail>
cat C:/user/"UserName"/.ssh/id_rsa.pub
打开Blog配置文件_config.yml
,Deployment 模块输入以下内容:
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: git
repository: https://github.com/YourGithubName/YourGithubName.github.io.git
branch: main
注意:英文冒号后需加一个空格再键入内容;repository输入仓库HTTPS URL,如下图;branch输入git主分支main
安装部署工具,后续可以使用hexo d
命令直接部署,不必每次都使用Git push
npm install hexo-deployer-git --save
本地生成静态HTML文件
hexo clean #清除之前生成的文件,可不加
hexo g
部署到Github
hexo deploy #部署网站,简写 hexo d
返回 INFO Deploy done: git 即为部署完成,此时可通过 URL:YourGithubName.github.io
访问 Blog
2 Blog文章发布
新建md文件
hexo new post "BlogTest" #source/_posts目录下生成 "BlogTest.md"文件
编辑完成后,生成本地静态页面,本地预览
hexo g
hexo s
将文件部署到github
hexo d
3 Blog页面配置
3.1 主题
3.1.1 主题更换
所需主题包解压至themes目录,打开配置文件_config.md,可以看到theme为默认主题landscape,将其改为themes目录中所需主题目录名即可
或者由npm安装,详见各主题仓库的Readme文件,例如:
3.1.2 主题配置
3.2.1 导航栏
图标
Font Awesome
阿里矢量图标库
3.2.2
参考
[1] Hexo官方文档
最后
以上就是不安冰棍为你收集整理的基于Github仓库的Hexo Blog框架搭建0 准备工作1 Hexo Blog搭建2 Blog文章发布3 Blog页面配置参考的全部内容,希望文章能够帮你解决基于Github仓库的Hexo Blog框架搭建0 准备工作1 Hexo Blog搭建2 Blog文章发布3 Blog页面配置参考所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复