基于Hexo+GitHub Page搭建个人博客
发表于|更新于|技术博客
|总字数:555|阅读时长:2分钟|浏览量:
本次教程参考资料:
手把手教你使用Hexo + Github Pages搭建个人独立博客
我是如何利用Github Pages搭建起我的博客,细数一路的坑
搭建Hexo博客
安装Hexo
3.1 Windows下用CMD命令窗口打开
3.2 安装Hexo模块
npm install hexo-cli -g #将模块全局安装
–save #将模块安装到项目目录下
3.3 初始化Hexo
hexo init blog #初始化博客目录('blog'可修改其他名称)
cd blog
npm install #安装依赖配置3.4 启动Hexo
hexo g # 或者hexo generate
hexo s # 或者hexo server启动完成后,可以在[http://localhost:4000/](http://localhost:4000/) 进行查看
命令解释:
- hexo generate (hexo g) 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹
- hexo server (hexo s) 启动本地web服务,用于博客的预览
- hexo deploy (hexo d) 部署播客到远端(比如github, heroku等平台)
- hexo new “postName” (hexo n) #新建文章
- hexo new page “pageName” #新建页面
3.5 常用组合命令
hexo s -g #生成预览
hexo d -g #生成部署
Hexo主题设置
- 安装主题
hexo clean
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
- 启用主题
修改Hexo目录下的_config.yml配置文件中的theme属性,将其设置为yilia
- 更新主题并启动Hexo
cd themes/yilia
git pull
hexo g
hexo s
Github Pages
- 创建GitHub Page仓库
开启GitHub Page仓库
进入设置
确认仓库站点是否开通(一般是默认开通的)
部署Hexo到GitHub Page仓库
- 使用Hexo deploy部署
#需要安装扩展 |
修改_config.xml配置文件
对应blog根目录:D:\workSpace\Test\TestHexo\blog\_config.xml
原配置文件截图:
修改后配置文件截图:
执行部署命令
hexo d |
- 使用Git 命令部署
克隆当前仓库到目录
git clone xxxabc.git .deploy/xxxabc |
deply脚本
用于Linux环境下一键部署发布Hexo到GitHub Page仓库
hexo generate |
通过hexo g
在public下生成新的待发布页面,通过命令copy
到克隆下的仓库中,在通过git
命令进行push
到远端仓库进行发布
文章作者: MUMU
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 blog.wo0ow.com!