初始化Hexo

  1. 首先须要以下装置环境，间接在官网下载即可

    • Node.js
    • Git
  2. 环境筹备好后，装置Hexo npm install -g hexo-cli

  3. 装置后在指定文件夹创立我的项目

    hexo init <folder>cd <folder>npm install

  4. 抉择主题

    • Hexo初始化胜利后，而后须要抉择一个丑陋的主题，这个举荐间接在官网上找，主题

    • 选中主题后下载到我的项目themes文件夹
    • 而后批改根目录下的_config.yml文件
    • theme: '主题名,也就是themes文件夹里的名字'

  5. 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，依照以下步骤进行部署。

  1. 首先新建一个源码repo，倡议抉择Private，这个用来放hexo我的项目代码，不对外开放

  2. 本地仓库运行以下命令提交代码

    • git init：git初始化
    • git add .: 将所有代码增加到暂存区
    • git commit -m "first commit"：提交本次commit
    • git remote add origin '近程仓库地址'：增加近程仓库地址
    • git push -u origin main：推送代码
  3. 而后再新建一个仓库，名字为 github名字.github.io，这个仓库用于放部署后的代码
  4. 装置Hexo部署插件 npm install hexo-deployer-git

  5. 批改根目录下的 _config.yml

    deploy:  type: git  repo: 部署仓库地址  branch: main
  6. 最初执行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
  1. git仓库增加密钥公有变量，配置门路：repo -> Settings -> Secrets，点击New repository secret，name能够自定义，次要是接下来的deploy.yaml文件须要应用，Secret填写你生成的密钥

  2. 而后根目录下新建.github/workflows/deploy.yaml，并填写以下内容

    name: Deployon:  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
  3. 而后把代码push下来的时候，就能够在仓库的Actions上看主动工作流程的状况

谷歌收录

  1. 首先在Google Search Console登录谷歌账号
  2. 而后在网址前缀中填写网址，下载验证文件到主题文件夹的source目录
  3. 下载后再重新部署一下，最初点击验证

增加站点地图

站点地图是一种文件，您能够在其中提供与您网站中的网页、视频或其余文件无关的信息，还能够阐明这些内容之间的关系。Google 等搜索引擎会读取此文件，以便更高效地抓取您的网站。站点地图会通知 Google 您认为网站中的哪些网页和文件比拟重要，还会提供与这些文件无关的重要信息。

  1. 装置站点地图插件 npm install hexo-generator-sitemap --save

  2. 在hexo根目录的_config.yml批改以下内容

    url: 博客地址sitemap: path: sitemap.xml
  3. 而后部署博客，输出博客地址/sitemap.xml能看见以下内容
  4. 最初在Google Search Console上的站点地图上点击提交

Disqus评论

Hexo能够搭载的评论零碎有很多，比方Valine，Waline，Disqus等等，然而按颜值来看还是Disqus

  1. 首先在Disqus官网进行注册，而后点击“Get STARTED”，并抉择 “I want to install Disqus on my site” 选项
  2. 而后在进入表单页依照提醒进行填写即可，然而有两个中央须要留神，Website Name这个是你的专属网址的名字，须要记住，还有就是在“Select Plan”记得选“Basic”
  3. 最初批改_config.yml中把shortname替换为你在创立时的名字，个别当初的主题都带的有评论模版，如果没有就须要本人增加了，这个不同的主题不太雷同，能够看下官网的装置模版进行批改