美文网首页
github page+hexo构建静态博客

github page+hexo构建静态博客

作者: Lolipiza | 来源:发表于2020-12-15 11:06 被阅读0次

首先,完成整套的搭建需要:

1.下载安装git工具下载地址并添加环境变量
2.下载安装node.js下载地址
3.github上有个自己的账号

具备以上条件,我们就可以开始搭建自己的静态博客了


打开git bash命令行:


打开命令行

1.更换npm镜像为淘宝镜像:
npm config set registry http://registry.npm.taobao.org/
2.下载hexo:
npm install -g hexo
3.初始化hexo:
自己新建个文件夹,示例中我新建了myblog:

myblog
进入文件夹,打开gitbash,初始化hexo:hexo init,成功后myblog文件夹多了些东西:
myblog文件夹
4.对_config.yml进行基础配置:
配置
(这里新版本的theme移到文件最后去了,如果如图所示配置的话,需要将后面重复的theme删除)
这里主题theme我选择了concise,更多主题移步:hexo主题选择(其中有些主题对hexo有别的配置要求,详见每个主题的github)
下载我选择的主题:
git clone https://github.com/sanonz/hexo-theme-concise.git themes/concise
下载后theme文件夹有:
主题包
5.本地查看:
运行hexo g && hexo s,构建并本地启动,默认端口4000,访问localhost:4000
6.git pages部署:

1.新建仓库:

新建仓库
image.png
前后名称要保持一致,然后点击创建仓库按钮
2.修改_config.yml:
image.png
repo写你刚刚创建的仓库地址
3.安装hexo自动部署、发布工具(在my page文件夹下运行):
npm install hexo-deployer-git --save
4.发布到git:
hexo clean && hexo g && hexo d 清除public,构建,deploy到git
5.访问git page:
https://你的用户名.github.io/

7.写文章:
在此路径下写下md文件即可:

image.png
之后用命令进行部署hexo clean && hexo g && hexo d(实际上只更新public文件夹)

完成~
参考:

相关文章

  • github page+hexo构建静态博客

    首先,完成整套的搭建需要: 1.下载安装git工具下载地址[https://gitforwindows.org/]...

  • 搭建个人博客

    注册GitHub账号 地址:https://github.com/ 创建博客 根据:用静态页面生成静态博客 个性化...

  • HEXO 趟坑笔记

    我的blog 如何使用Hexo在github上搭建静态博客 如何使用Hexo在github上搭建静态博客 感冒两天...

  • HEXO 搭建博客

    Hexo搭建Github静态博客 hexo —— 简单、快速、强大的Node.js静态博客框架 主题:https:...

  • github 静态博客部署

    最近研究了通过github部署了自己的静态blog,博客地址:https://michaelin1208.gith...

  • GitHub静态博客搭建

    用静态页面生成静态博客 感觉有自己的博客逼格很高,找了个方法,并装了个比O(∩_∩)O哈哈~,详细说下生成博客的过...

  • Hexo + Github 静态博客

    步骤 $ hexo init $ cd $ npm install hexo-...

  • Hexo 构建博客 - NexT 主题浅谈

    欢迎移步我的博客阅读:《Hexo 构建博客 - NexT 主题浅谈》 利用 Github 所提供的 Github ...

  • Hexo 博客接入 Gitment 评论系统踩坑

    本篇主要记录 Hexo 静态博客接入 Gitment 的步骤和踩坑。基于 github.io 的静态博客,NexT...

  • Hexo + github 构建博客

    概况 为什么选择GitHub Pages1、GitHub Pages有免费的代码托管空间,资料自己管理,保存可靠;...

网友评论

      本文标题:github page+hexo构建静态博客

      本文链接:https://www.haomeiwen.com/subject/uebigktx.html