mkdocs与jekyll 创建静态网站

news/2024/5/20 11:09:08/文章来源:https://blog.csdn.net/weixin_33744141/article/details/92280977

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

mkdocs教程:http://www.mkdocs.org/#installation(英文)

                       http://markdown-docs-zh.readthedocs.org/zh_CN/latest/(中文)

MacDown的下载包:http://yunpan.cn/cdmKrfvZs2fsc (提取码:6a8e)

开始学习mkdocs!!!

执行命令 sudo pip install mkdocs ,因为网速慢总是退出,报timeout错
后在网络上找到0.14.0的包直接装也因为网络的缘故暂停

提供的网址上 http://topmanopensource.iteye.com/blog/2004853 的教程里提到命令 镜像
 pip install web.py -i http://pypi.douban.com/simple 速度超级快!

安装完成后按照文档教程里开始学习啦!

在指定目录下执行 mkdocs new my_pro 会生成一个目录 其中包含-docs-index.md 和-mkdocs.yml
其中mkdocs.yml 中设置站点名称 会自动显示在网页左上角和网页标里
index.md 里按照既定好的格式来描写文档

生成好目录之后 在mkdocs.yml同目录下执行mkdocs serve 命令启动内建服务器

然后修改docs/index.md文件中site_name,在保存的时候可以观察到网页和shell里面都在刷新

添加页面
编辑index.md文件 修改标题,保存文件可以看到网页刷新
为文档添加第二个页面,教程给到的命令格式是:curl 'index.md' > zzz.md    这个curl是在命令行方式下使用的开源文件传输工具,后面紧跟的是传输源文件 之后的文件是接受传输的文件,传输规则时若没有则新建,若存在则覆盖 。
文件新建好了之后需要加在网页显示,这时候在mkdocs.yml中需要添加一些内容了。
这样的格式在保存后网页会出现导航栏。

配置主题
再配置主题,再在该文档后添加 theme: readthdocs 保存后可以看到浏览器主题的变化
site_name: MkLorum
pages:
- [index.md, Home]
- [about.md, About]
theme: readthdocs

站点生成
在mkdocs.yml的上一级目录下执行mkdocs build,目录下会新生成site目录,
 这个目录在git提交的时候最好选择ignore掉:echo 'site/' >> .ignore
教程文档提醒 site目录下, 源码分别输出为index.html 和about/index.html
mkdocs build —clean 命令在有些文档从源码中移除后,在执行这个命令的时候可以移除这些文档


以上是生成静态文档,接下来需要将文档放在网络上让更多的人看到
http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html

该网址是jekyll的教程   
Jekyll 是一个静态网站生成器,接下来根据教程来学习:

http://lvxuedan.github.io/mkdoc_test/site/

git下的这个工程目录
git init (对该目录进行git初始化)
git checkout  —orphan gh-pages (创建一个没有父节点的分支gh-pages。因为github规定,只有该分支中的页面,才会生成网页文件)

git add . (先把所有内容加入本地git库)
git commit -m "first post”
git remote add origin https://github.com/username/jekyll_demo.git
git push origin gh-pages



转载于:https://my.oschina.net/u/2426462/blog/488568

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_737820.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Meta Referrer标签:在SEO与互联网上的进阶

本文转载自 http://www.wdingyue.com/3766.html 通过HTTPS让网络更安全给站长带来了诸多好处,除了提升网站的安全性能,HTTPS 能够为未来的网络营销技术和SEO营销人员带来潜在的益处。 HTTPS的搜索结果数量一直在攀升,Dr. Pete的“MozCast数据”显示现在谷歌首页几…

源码讲解 node+mongodb 建站攻略(一期)第二节

源码讲解 nodemongodb 建站攻略(一期)第二节 上一节,我们完成了模拟数据,这次我们来玩儿真正的数据库,mongodb。 代码http://www.imlwj.com/download/nodejs/demo1.rar 首先给大家看看目录结构。 大家可以比对一下&…

favicon.ico 网站小图标标识

随便打开一个网页:比如 http://www.baidu.com/ 可以看到在浏览器的标签头上面显示了一个图标,这个图标是:,也就是我们常说的favicon.ico. 由于这篇文章主要讨论favicon.ico,以及各个浏览器对其的不同处理,所以还是新建…

如何让EcStore和微博同步来推广网站

EcStore是创建B2C商城的首选PHP系统,它功能强大、操作方便,安装后马上就能建立起一个自己的B2C商城,但建好后如何推广运营商城却不是件容易的事。 新浪微博用户数量大、传播速度快,互联网上拥有许多微博营销的成功案例如小米、淘宝…

网站美化:CSS3自定义修改浏览器滚动条

滚动条组件 ::-webkit-scrollbar //滚动条整体部分 ::-webkit-scrollbar-thumb //滚动条里面的小方块,能向上向下移动(或往左往右移动,取决于是垂直滚动条还是水平滚动条) ::-webkit-scrollbar-track //滚动条的轨道(里…

即使是菜鸟,也能配置出一个网站

2019独角兽企业重金招聘Python工程师标准>>> 对于刚进入IT行业的你,是否会觉得配置出一个像样的公司网站是很大的挑战?如果你有相同的感受,那么今天读过这篇文章之后,你的心情将会舒畅很多,因为我这名技术入…

SEO优化秘诀

为什么80%的码农都做不了架构师?>>> 全都在摘要里面了。 www.vpincha.cc 转载于:https://my.oschina.net/boolls/blog/681206

利用云存储快速实现网站备份

背景 真正运营过网站的人都知道,数据对一个网站来说至关重要,因此,网站数据备份也是日常必做工作。因为误操作,网站被攻击等种种原因都会导致数据丢失,这时,你才会明白“有备无患”的道理。而且由于站点文件…

[记录][python]python爬虫,下载某图片网站的所有图集

随笔仅用于学习交流,转载时请注明出处,http://www.cnblogs.com/CaDevil/p/5958770.html 该随笔是记录我的第一个python程序,一个爬去指定图片站点的所有图集,现在还是一个非常简陋的单线程程序。下一步是改写成多线程,…

网站标题、描述、关键词怎么设置?

瞬间感觉回答这个问题真的很头痛,完全回答清楚这个问题要写一两千字的教程,而且还不一定能保证小白能完全理解了,因为有些东西想做到比较好的程度,需要实践,需要对一个网站甚至两三个网站的TDK改改过好几遍之后才能真正…

【我是正义的化身】一个钓鱼网站的社工+渗透之路

昨天在空间看到一个朋友发动态,说自己被骗了2000多,说说里有一个钓鱼链接,于是我就打开来看看。因此而开始了一段社工渗透之旅。 因为这次社的是一个骗子,有些地方就不打码了。钓鱼网站:http://br.hjiu.zhoukouwang.ne…

WordPress再曝流行插件漏洞 影响上千万网站

WordPress的一个最为流行的插件现重大安全漏洞,导致上千万网站面临黑客入侵的危险。 该漏洞由WordPress漏洞扫描器的开发者瑞恩迪赫斯特(Ryan Dewhurst)发现,该插件名为“WordPress SEO by Yoast”,用于网站的搜索引擎优化,是最流…

python正则表达式修复网站文章字体不统一问题

网站的大框架下有定义的字体,包括字体大小和颜色等,用户发布文章的时候可能是从其他网站复制过来的文本,复制的过程也保留了字体描述信息。当文章在页面上显示的时候,默认先会使用文章中定义的字体,如果文章中字体不存…

视频网站使用H265编码能提高视频清晰度吗?

大部分的视频直播点播的流媒体服务使用的都是H264编码,但是更为便捷的H265编码已经得到了发展,越来越多的人更加倾向于H265编码格式了。为什么呢?h265编码压缩率比H264提高了一倍之多,在使用上也比H264更节省空间。大多数的视频行…

高性能建站之前端优化篇

前言: 这算是对前端优化的总结吧,之前零零星星总结和学习,这次做一个完整的总结。 测试网页性能工具 ⑴Page Speed: 谷歌开发的工具,网站管理员和网络开发人员可以使用 Page Speed 来评估他们网页的性能,并…

网站开发的学习交流 -- 系统架构 -- 负载均衡

网站开发的学习交流 自己水平有限,希望大家能批判指导,谢谢。 文章中引用的互联网上的资料的链接放在文章最下面。 一、系统架构: 构建高并发高负载的大型网站一般需要注意一下几个方面: 1、负载均衡:负载均衡&#xf…

TSINGSEE青犀视频开发景区网站如何通过Go语言html生成PDF?

之前我们在某景区开发了一个行人监测系统,系统上线后经过我们不断的调整和优化,一直保持了稳定的运行,现在该景区需要制作一个网站,网站里可以查看一天中的每个时间点统计的人数,并生成PDF,供下载查看。由于…

王子墨网友的基于jQuery的个性个人网站模板

星球飞行效果(需要等待5秒以上) 菜单点击飞行效果 菜单内容页展开式分裂效果 菜单关闭时坠落效果 提示:效果在 Webkit(如Chrome,遨游3,TT6.11 ) 内核的浏览器下效果更佳。原文转自:王子墨网友…

TogetherJS – 酷!在网站中添加在线实时协作功能

TogetherJS是一个免费、开源的 JavaScript 库,来自 Mozilla 实验室,可以实现基于 Web 的在线协作功能。把 TogetherJS 添加到您的网站中,您的用户可以在实时的互相帮助!当然还有很多其它的可以应用的场合,值得一试。 您…

java项目开发实战--使用ssm框架开发众筹网站

www.atguigu.com 一、ssm框架开发众筹网站 1.项目设计 (1)页面设计 (Frontpage, Dreamweaver, 文本编辑器) (2)物理数据模型(PDM) -- 数据库设计 (PowerDesig…