文章目录
一、思维导图
二、Markdown
1、网上学习
网址:https://pandao.github.io/editor.md/
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。
Markdown 语言在 2004 由约翰·格鲁伯(英语:John Gruber)创建。
Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
Markdown 编写的文档后缀为 .md, .markdown。
2、下载
- 百度云盘:https://pan.baidu.com/s/1sqQqPQR6a5c67GPdGAhp2g
- 提取码:2eya
3、创建lib文件夹,放入插件
4、使用插件
- 编写blogs-input.html
5、运行查看效果
- 手机端
6、下载样式
7、解压出来把typo.css拷贝到css下
- 百度云盘:https://pan.baidu.com/s/1QpamkieH8HZ5u-isbP8RRw
- 提取码:s261
8、编写博客详情
- text-align: justify; 两端对齐
- class=“ui table” 移动端
- 导入外部链接
- 运用外部链接
9、把type.html中中间部分复制过来
10、运行查看效果
三、动画插件
- 下载下来拷贝到css中
1、查看使用方法
2、引入外部样式
3、运用动画样式
4、运行查看效果
5、高亮
网址:https://github.com/PrismJS/prism
官网:https://prismjs.com/
6、下载
- 一共下载两种,一是js,另外一种css
7、拷贝在lib下
- 在lib下创建prism文件夹
8、引入外部高亮链接
9、使用高亮样式
10、运行查看效果
11、添加目录,留言,微信,返回头部
12、运行查看效果
13、目录生成插件
网址:https://tscanlin.github.io/tocbot/
14、下载
15、拷贝到lib中
- 创建tocbot目录,把它拷贝在 这里
16、引入外部链接
-css
-js
17、编写blog.html
- tocSelector: ‘.js-toc’, 要把目录初始化到那个区域,通过css来选用滴
18、运行查看效果
19、添加二维码
20、运行查看效果
21、生成二维码
网址:https://davidshimjs.github.io/qrcodejs/
- 下载
- 拷贝到lib下创建qrcode目录下
22、引入外部链接
23、二维码生成
24、运行查看效果
25、平滑滚动插件
26、导入样式
27、编写blog
28、运行查看效果
- 点击返回头部
29、滚动侦测
网址:http://imakewebthings.com/waypoints/
30、下载
31、拷贝在lib下
- 把它放在创建waypoints目录下
32、引入外部链接
33、编写滚动
34、运行查看效果