效果:
经验之谈:就个人博客来讲,笔者已经折腾过很多了,用过WordPress、Typecho、Hexo等等,主机也用过基于免费的GitPages或者付费的VPS,最后都不了了之,原因要么是VPS到期了懒得续费,要么是数据迁移各种费心,博客要么是基于动态的比如WordPress需要数据库,要么是基于静态的比如Hexo,一迁移你将要面对的是一堆数据库的数据或者是HTML代码,移植都太麻烦。最后我挖掘了我两个核心需求:免费,易移植,那么Github Pages + docsify完全满足了我的需求
docsify和一般的使用Hexo、Jekyll、Hugo等博客框不同的是,支持Markdown格式,对程序员的博主们是很友好的。 不用生成html文件,写完MD格式的博客直接往上一放,框架自己在运行时解析渲染成html页面。
windows下安装git可以看下这篇Git简易教程之git简介及安装
因为我们要使用Github Pages来部署我们的应用,请先注册下github的账号,官网:Github
Windows下安装node环境
简单而言
地址:https://docsify.js.org/#/ docsify官网
推荐安装 docsify-cli 工具,可以方便创建及本地预览文档网站。
因为我们已经安装了node环境,所以直接打开CMD窗口执行上面的命令就好了。
到这里,就可以启动项目,然后看下效果了。 使用下面命令启动项目:
流程器输入:http://localhost:3000
1、配置左侧导航栏
不建议配置,配置了就不能显示当前文章的目录
在 docs目录下新建一个_sidebar.md 的md文件,内容如下:
在index.html文件中配置一下。在内嵌的js脚本中加上下面这句:
2、配置个封面
套路和上面配置左侧导航栏是一样的。
首先新建一个 _coverpage.md 的md文件,这里面的内容就是你封面的内容。
然后在index.xml文件中修改js脚本配置,添加一句:
3、配置首页
其实就是 docs目录下README.md` 文件的内容。
我们一直没有管他,默认就是这个样子的:
改一下,放上自己牛逼的经历或者是标签。
右键Git Bash Here 打开git命令行初始化一个仓库,并提交所有的博客文件到git本地仓库。
涉及命令如下:
按上面的命令顺序操作,不出意外的话,我们的本地myblogs已经同步到了github上面了。
在myblogs仓库下,选中 Settings 选项,找到GitHub Pages 页签,在Source下面选择master branch / docs folder 选项。即可完成
本文由知识库于2021-09-14发表在龙哥云资源网,如有疑问,请联系我们。本文链接:https://www.longgeyun.com/knowledge/3434.html
上一篇windows压缩软件的主要功能(压缩文件的命名规范)
下一篇excel表格生成图表(excel制作图表的步骤教程)
开车走深水但车没熄火但是停了怎么办 需要去检修吗
大二转专业后要从大一开始重读吗 转专业需要什么条件
西北角风水代表什么意思 办公室的西北角摆放什么好
第一次坐高铁怎么中转换乘 还需要购票吗
飞雕开关和公牛开关哪个好质量好 飞雕开关插座是一线品牌吗
95后当红小花名单最新 内娱95后小花盘点
工作态度对工作有哪些影响
一氧化碳中毒饮食上吃什么康复快?
Pr2020零基础快速入门
文字转语音App最新版3.0
APP下载页源码-带后台