初始化 Hexo
-
首先须要以下装置环境,间接在官网下载即可
- Node.js
- Git
- 环境筹备好后,装置 Hexo
npm install -g hexo-cli
-
装置后在指定文件夹创立我的项目
hexo init <folder> cd <folder> npm install
-
抉择主题
- Hexo 初始化胜利后,而后须要抉择一个丑陋的主题,这个举荐间接在官网上找,主题
- 选中主题后下载到我的项目 themes 文件夹
- 而后批改根目录下的_config.yml 文件
theme: '主题名, 也就是 themes 文件夹里的名字'
-
hexo 最罕用的有以下几个命令
- 启动服务:
hexo server
或hexo s
- 新建文章:
hexo new "文章名字"
- 新建动态页面:
hexo new page "页面名字"
- 生成 public 文件夹:
hexo generate
或hexo g
- 革除 public 文件夹:
hexo clean
- 部署:
hexo deploy
或hexo d
- 启动服务:
部署到 Github
Github 有收费提供搭建动态网站的性能,所以 hexo 举荐间接放到 GitHub Page,依照以下步骤进行部署。
- 首先新建一个源码 repo,倡议抉择 Private,这个用来放 hexo 我的项目代码,不对外开放
-
本地仓库运行以下命令提交代码
git init
:git 初始化git add .
: 将所有代码增加到暂存区git commit -m "first commit"
:提交本次 commitgit remote add origin '近程仓库地址'
:增加近程仓库地址git push -u origin main
:推送代码
- 而后再新建一个仓库,名字为
github 名字.github.io
,这个仓库用于放部署后的代码 - 装置 Hexo 部署插件
npm install hexo-deployer-git
-
批改根目录下的
_config.yml
deploy: type: git repo: 部署仓库地址 branch: main
- 最初执行
hexo deploy
命令就能够在github 名字.github.io
看到博客了
SSH + github Actions 主动部署
- Github Actions是 github 专用的继续集成脚本,用于主动执行工作流程,SSH能够通过建设密钥免密登录,这两个联合就能达到主动部署的成果
- 首先通过 ssh-keygen 生成密钥,
ssh-keygen -t rsa -C "Github 的邮箱地址"
- 而后 github 配置 ssh,配置门路:
github -> Settings –> SSH and GPG keys
- git 仓库增加密钥公有变量,配置门路:
repo -> Settings -> Secrets
,点击New repository secret
,name 能够自定义,次要是接下来的 deploy.yaml 文件须要应用,Secret 填写你生成的密钥 -
而后根目录下新建
.github/workflows/deploy.yaml
,并填写以下内容name: Deploy on: push: branches: [你须要自动化部署的分支] jobs: build: runs-on: ubuntu-latest steps: - name: Checkout Repository main branch uses: actions/checkout@main - name: Setup Node uses: actions/setup-node@v1 with: node-version: 14.x - name: Setup Hexo Dependencies run: | npm install hexo-cli -g npm install - name: Setup Deploy env: HEXO_DEPLOY_PRIVATE_KEY: ${{secrets.'你上一步自定义的变量名'}} run: | mkdir -p ~/.ssh/ echo "$HEXO_DEPLOY_PRIVATE_KEY" > ~/.ssh/id_rsa chmod 600 ~/.ssh/id_rsa ssh-keyscan github.com >> ~/.ssh/known_hosts - name: Setup Git Infomation run: | git config --global user.name "git 名字" git config --global user.email "git 邮箱" - name: Deploy Hexo run: | hexo clean hexo generate hexo deploy
- 而后把代码 push 下来的时候,就能够在仓库的 Actions 上看主动工作流程的状况
谷歌收录
- 首先在 Google Search Console 登录谷歌账号
- 而后在网址前缀中填写网址,下载验证文件到主题文件夹的 source 目录
- 下载后再重新部署一下,最初点击验证
增加站点地图
站点地图是一种文件,您能够在其中提供与您网站中的网页、视频或其余文件无关的信息,还能够阐明这些内容之间的关系。Google 等搜索引擎会读取此文件,以便更高效地抓取您的网站。站点地图会通知 Google 您认为网站中的哪些网页和文件比拟重要,还会提供与这些文件无关的重要信息。
- 装置站点地图插件
npm install hexo-generator-sitemap --save
-
在 hexo 根目录的_config.yml 批改以下内容
url: 博客地址 sitemap: path: sitemap.xml
- 而后部署博客,输出
博客地址 /sitemap.xml
能看见以下内容 - 最初在 Google Search Console 上的站点地图上点击提交
Disqus 评论
Hexo 能够搭载的评论零碎有很多,比方 Valine,Waline,Disqus 等等,然而按颜值来看还是 Disqus
- 首先在 Disqus 官网进行注册,而后点击“Get STARTED”,并抉择“I want to install Disqus on my site”选项
- 而后在进入表单页依照提醒进行填写即可,然而有两个中央须要留神,
Website Name
这个是你的专属网址的名字,须要记住,还有就是在“Select Plan”记得选“Basic” - 最初批改_config.yml 中把 shortname 替换为你在创立时的名字,个别当初的主题都带的有评论模版,如果没有就须要本人增加了,这个不同的主题不太雷同,能够看下官网的装置模版进行批改