hexo + github 创建个人博客网站

环境准备

  1. nodejs 和 npm
  2. git

安装hexo

hexo 是一个静态博客生成网站,可以快速制作自己的博客网站并部署

  1. 安装hexo

npm install hexo-cli -g

  1. 创建项目

hexo init

  1. 本地预览

hexo s

部署到github page

  1. 新建仓库

创建一个名为[用户名].github.io的仓库

  1. 下载自动部署插件

npm install hexo-deployer-git --save

  1. 修改hexo的配置文件_config.yml
  • 在deplay中添加
deploy:
  type: "git"
  repo: git@github.com:[用户名]/[用户名].github.io.git  // 
  branch: master
  • 修改url
url: https://[用户名].github.io
  1. 上传文件
hexo clean # 清楚本地文件
hexo g # 生成静态资源
hexo d # 上传部署
  1. 等待几分钟后,在浏览器内搜索[用户名].github.io,就可以看到自己的博客网站了
    在这里插入图片描述

主题安装

默认的hexo页面比较难看,我用了一个明日方舟风格的主题来进行美化

  1. 修改配置文件_config.yml中的theme

theme: arknights

  1. 下载主题包

git clone https://github.com/Yue-plus/hexo-theme-arknights.git themes/arknights

  1. 剪切 Hexo/themes/arknights/_config.yml 到根目录下,并重命名为 _config.arknights.yml

写作

在终端输入hexo new "文章名" 就可以新建一个md文件,对这个文件进行编辑。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值