基于hexo和github page搭建博客
本文是基于hexo和github page搭建博客的安装指南,主要介绍了基于Scoop对win10系统的软件进行管理,hexo的安装与Hexo Fluid主题配置。
使用github page搭建blog
1 基于Windows10系统,使用Scoop进行软件安装与管理 Scoop
在 PowerShell 中输入下面内容,保证允许本地脚本的执行:
set-executionpolicy remotesigned -scope currentuser
然后执行下面的命令安装 Scoop:
iex (new-object net.webclient).downloadstring('https://get.scoop.sh')
静待脚本执行完成就可以了,安装成功后,让我们尝试一下:
scoop help
整体搭建流程基于教程
# 安装Git
scoop install git
# 安装 nvm
scoop install nvm
# 查看可用的 NodeJS 版本,这里建议使用 LTS 版本
nvm list available
# 安装 NodeJS,我这里安装的是最新 LTS 版本 18.16.0
nvm install 18.16.0
#先使用 scoop 安装 sudo 这个工具
scoop install sudo
# NodeJS 版本使用 18.16.0,注意这里需要管理员权限
sudo nvm use 18.16.0
2. 安装Hexo
#一键安装Hexo
npm install -g hexo-cli
#创建项目并初始化
hexo init my_blog
cd my_blog
npm install
#3. 生成网页文件 &本地启动
hexo generate # 生成页面,此命令可以简写为 `hexo g`
hexo server # 本地启动,可简写为 `hexo s`
3.修改Hexo主题为fluid
#在博客根路径下(C:\Users\liu\my_blog)将git上的_config.yml文件复制过去并重命名为_config.fluid.yml
#对根目录的_config.yml文件进行如下修改:
heme: fluid # 指定主题
language: zh-CN # 指定语言,会影响主题显示的语言,按需修改
4.创建【关于页】
hexo的用户手册
hexo new page about
创建成功后修改 /source/about/index.md,添加 layout 属性。修改后的文件示例如下:
—
title: 标题
layout: about
—
这里写关于页的正文,支持 Markdown, HTML
注意:在对关于页进行修改后,需要重新启动hexo
hexo clean
hexo g
hexo s
5.创建文章
修改 _config.yml 文件。这项配置是为了在生成文章的同时,生成一个同名的资源目录用于存放图片等资源文件。
#将第43行的false改为true
post_asset_folder: true
创建文件名为 blog_build_remark 文章。
hexo new post blog_build_remark
发布 GitHub Pages
安装 hexo-deployer-git
npm install hexo-deployer-git --save
修改站点配置
deploy:
type: git
repo: https://github.com/XUAN-98-L/XUAN-98-L.github.io
默认会将数据推送到github的master branch,可以直接通过链接进行访问 https://xuan-98-l.github.io/
设置完成后使用命令进行推送(使用cmd)
hexo clean
hexo deploy
基于hexo和github page搭建博客
https://xuan-98-l.github.io/2023/05/17/blog-build-remark/