乐趣区

关于博客搭建:Hexo搭建基操配置

初始化 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 serverhexo s
    • 新建文章:hexo new "文章名字"
    • 新建动态页面:hexo new page "页面名字"
    • 生成 public 文件夹:hexo generatehexo g
    • 革除 public 文件夹:hexo clean
    • 部署:hexo deployhexo 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: 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    
  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 替换为你在创立时的名字,个别当初的主题都带的有评论模版,如果没有就须要本人增加了,这个不同的主题不太雷同,能够看下官网的装置模版进行批改
退出移动版