hexo建站

Hexo建站

这期我将为大家介绍一种建站方式,hexo建站,我们的龟之飞就是用hexo所搭建的静态网站,具体如下。

介绍

  • Hexo是一个快速、简洁的博客框架
  • 使用Node.js编写
  • 支持Markdown
  • 优点:
    • 快速生成静态网站
    • 易于定制和扩展
    • 支持Markdown语法
    • 丰富的主题和插件

安装与配置

  1. 安装Node.jsGit

  2. 检查:

    • 桌面空白部分右键,(win11点击“显示更多选项”),如果出现“Git Bash Here”代表Git安装成功。

    • Win+R 输入 cmd 并打开,依次输入 node -v,出现程序版本号代表Node.js安装成功。

  3. 安装hexo:

    • 新建一个文件夹,名称任意,但要记住。
    • 进入文件夹,右键,(win11点击“显示更多选项”),点击“Git Bash Here”。
    • 分行依次输入(不要直接在Git Bash中复制,应该右键后点Paste):
      • npm install hexo-cli -g
      • hexo init blog
      • cd blog
      • npm install
      • hexo server
    • 接着在浏览器打开“ http://localhost:4000/ ”,如果出现类似下图界面代表成功!✨
    • hexo

博客样式

hexo的样式中,你可以看见许多样式,选择一个你喜欢的,点击,会来到Github的主页。

以Ayer为例:

  1. 进入blog文件夹,右键,(win11点击“显示更多选项”),点击“Git Bash Here”。
  2. 输入“git clone https://gitee.com/mirrors/ayer.git themes/ayer”,回车。
  3. 来到themes文件夹,就可以看到主题了。
  4. 我们来到blog文件夹,点击_config.yml文件,找到“theme:”这一行(第100行左右),将“theme:”后面改成你的主题名字,我就写“Ayer”。
  5. 你可以在主题文件夹中的_config.yml文件编辑你的网站。

连接至Github

  1. 使用邮箱注册 GitHub 账户。

  2. 新建一个仓库,命名为“Github用户名.github.io”。

  3. 进入blog文件夹,右键,(win11点击“显示更多选项”),点击“Git Bash Here”。

  4. 输入:

    1
    2
    git config --global user.name "GitHub用户名"
    git config --global user.email "GitHub邮箱"
  5. SSH密钥:

    输入:

    ssh-keygen -t rsa -C "Github邮箱"

    接着输入三次回车。

    再输入:

    cat ~/.ssh/id_rsa.pub

    复制显示的密钥。

    来到之前创建的仓库,点击settings,点击Deploy keys,点击Add Deploy key,随便输入一个名称,将复制的密钥放入Key输入框,将下方的复选框选上,点击Add Key,即可添加。

  6. 链接:

    修改Hexo配置文件_config.yml,滑到最下面,将deploy部分改为:

    1
    2
    3
    4
    deploy:
    type: git
    repo: git@github.com:username/username.github.io.git(二选一)
    branch: master/main (看你github仓库中的分支,二选一)
  7. 安装hexo-deployer-git插件:

    进入blog文件夹,右键,(win11点击“显示更多选项”),点击“Git Bash Here”,并执行以下命令:

    npm install hexo-deployer-git --save

操作与管理(所有命令除修改配置文件外均须在Git Bash中使用)

  • 新建文章: hexo new "标题"

    更新博客:

    修改完博客后,按顺序执行以下命令:

  • 生成静态文件: hexo generatehexo g

  • 启动本地服务器(可跳过): hexo serverhexo s

  • 部署到远程服务器: hexo deployhexo d

    等待部署完成后,在浏览器中输入 https://username.github.io 即可访问你的博客。

  • 清除缓存和已生成的静态文件: hexo clean

    • 当部署至云端后若无变化或存在问题,则可尝试运行hexo clean

主题与插件

  • Hexo支持自定义主题
  • 拥有丰富的插件生态系统
  • 可以通过修改配置文件_config.yml来更改主题设置

优点

  • 快速生成静态网站
  • 易于定制和扩展
  • 支持Markdown语法
  • 丰富的主题和插件

欢迎大家在评论区晒出自己的Github Pages网站哦!

  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2023 xiaoguigui
  • 访问人数: | 浏览次数:

请我喝杯咖啡吧~

支付宝
微信