content.json

{"pages":[{"title":"关于","date":"2017-12-31T04:10:38.588Z","updated":"2017-09-22T13:12:51.953Z","comments":false,"path":"about/index.html","permalink":"https://blog.cofess.com/about/index.html","excerpt":"","text":"{ name: 'cofess' age: 29, gender: '男', profession: 'Web Developer & Designer', experience: '5年', address: '广东省深圳市', education: '本科', github: 'https://github.com/cofess', blog: 'http://blog.cofess.com', email: 'cofess@foxmail.com', description: '致力于网站建设与前端用户体验设计', skills: [ ['Html', 'Javascript', 'jQuery', 'CSS', 'ES6', 'Node'], ['Webpack', 'Gulp'], ['Less','Sass'], ['Git', 'SVN'], ['Vue'], ['Bootstrap', 'SUI Mobile', 'light7'], ['WordPress', 'OpenCart'], ['平面设计'] ], devTools: [ ['Sublime Text', 'Visual Studio Code', 'Notepad++'], ['Chrome DevTools', 'Fiddler'], ['SourceTree', 'TortoiseSVN'], ['SwitchHosts'], ['Navicat', 'XAMPP'], ] }"},{"title":"书单","date":"2018-04-30T16:33:40.760Z","updated":"2018-04-30T16:33:40.760Z","comments":false,"path":"books/index.html","permalink":"https://blog.cofess.com/books/index.html","excerpt":"","text":""},{"title":"分类","date":"2017-12-31T04:10:38.598Z","updated":"2017-09-22T13:14:30.406Z","comments":false,"path":"categories/index.html","permalink":"https://blog.cofess.com/categories/index.html","excerpt":"","text":""},{"title":"友情链接","date":"2018-04-30T16:33:40.763Z","updated":"2018-04-30T16:33:40.763Z","comments":true,"path":"links/index.html","permalink":"https://blog.cofess.com/links/index.html","excerpt":"","text":""},{"title":"Repositories","date":"2018-04-30T16:33:40.784Z","updated":"2018-04-30T16:33:40.784Z","comments":false,"path":"repository/index.html","permalink":"https://blog.cofess.com/repository/index.html","excerpt":"","text":""},{"title":"标签","date":"2017-12-31T04:10:38.609Z","updated":"2017-09-22T13:14:50.041Z","comments":false,"path":"tags/index.html","permalink":"https://blog.cofess.com/tags/index.html","excerpt":"","text":""}],"posts":[{"title":"那些有趣的注释，有没有你曾用过的","slug":"那些有趣的注释，有没有你曾用过的","date":"2018-03-28T12:45:41.000Z","updated":"2018-04-30T16:43:40.596Z","comments":true,"path":"2018/03/28/那些有趣的注释，有没有你曾用过的.html","link":"","permalink":"https://blog.cofess.com/2018/03/28/那些有趣的注释，有没有你曾用过的.html","excerpt":"","text":"闲来无事收集了一些有趣的注释，各式各样的都有，程序员真是一群有趣的人，喜欢哪一款拿走不谢第一款：佛祖保佑，永无BUG// _ooOoo_ // o8888888o // 88" . "88 // (| -_- |) // O\\ = /O // ____/`---'\\____ // . ' \\\\| |// `. // / \\\\||| : |||// \\ // / _||||| -:- |||||- \\ // | | \\\\\\ - /// | | // | \\_| ''\\---/'' | | // \\ .-\\__ `-` ___/-. / // ___`. .' /--.--\\ `. . __ // ."" '< `.___\\_<|>_/___.' >'"". // | | : `- \\`.;`\\ _ /`;.`/ - ` : | | // \\ \\ `-. \\_ __\\ /__ _/ .-` / / // ======`-.____`-.___\\_____/___.-`____.-'====== // `=---=' // // ............................................. // 佛祖保佑 永无BUG第二款：神兽护体，永无BUG// ┏┓ ┏┓// ┏┛┻━━━┛┻┓// ┃ ┃ // ┃ ━ ┃// ┃ ┳┛ ┗┳ ┃// ┃ ┃// ┃ ┻ ┃// ┃ ┃// ┗━┓ ┏━┛// ┃ ┃ Code is far away from bug with the animal protecting // ┃ ┃ 神兽保护，永无BUG！// ┃ ┗━━━┓// ┃ ┣┓// ┃ ┏┛// ┗┓┓┏━┳┓┏┛// ┃┫┫ ┃┫┫// ┗┻┛ ┗┻┛/** * ┏┓ ┏┓+ + * ┏┛┻━━━┛┻┓ + + * ┃ ┃ * ┃ ━ ┃ ++ + + + * ████━████ ┃+ * ┃ ┃ + * ┃ ┻ ┃ * ┃ ┃ + + * ┗━┓ ┏━┛ * ┃ ┃ * ┃ ┃ + + + + * ┃ ┃ Code is far away from bug with the animal protecting * ┃ ┃ + 神兽保佑,永无bug * ┃ ┃ * ┃ ┃ + * ┃ ┗━━━┓ + + * ┃ ┣┓ * ┃ ┏┛ * ┗┓┓┏━┳┓┏┛ + + + + * ┃┫┫ ┃┫┫ * ┗┻┛ ┗┻┛+ + + + */第三款：来首程序员打油诗，笑/** * 江城子 . 程序员之歌 * * 十年生死两茫茫，写程序，到天亮。 * 千行代码，Bug何处藏。 * 纵使上线又怎样，朝令改，夕断肠。 * * 领导每天新想法，天天改，日日忙。 * 相顾无言，惟有泪千行。 * 每晚灯火阑珊处，夜难寐，加班狂。*//** * 写字楼里写字间，写字间里程序员； * 程序人员写程序，又拿程序换酒钱。 * 酒醒只在网上坐，酒醉还来网下眠； * 酒醉酒醒日复日，网上网下年复年。 * 但愿老死电脑间，不愿鞠躬老板前； * 奔驰宝马贵者趣，公交自行程序员。 * 别人笑我忒疯癫，我笑自己命太贱； * 不见满街漂亮妹，哪个归得程序员？ */第四款：无尽诱惑//// .::::.// .::::::::.// :::::::::::// ..:::::::::::'// '::::::::::::'// .::::::::::// '::::::::::::::..// ..::::::::::::.// ``::::::::::::::::// ::::``:::::::::' .:::.// ::::' ':::::' .::::::::.// .::::' :::: .:::::::'::::.// .:::' ::::: .:::::::::' ':::::.// .::' :::::.:::::::::' ':::::.// .::' ::::::::::::::' ``::::.// ...::: ::::::::::::' ``::.// ```` ':. ':::::::::' ::::..// '.:::::' ':'````../** * _.._ ,------------. * ,' `. ( We want you! ) * / __) __` \\ `-,----------' * ( (`-`(-') ) _.-' * /) \\ = / ( * /' |--' . \\ * ( ,---| `-.)__` * )( `-.,--' _`-. * '/,' ( Uu", * (_ , `/,-' ) * `.__, : `-'/ /`--' * | `--' | * ` `-._ / * \\ ( * /\\ . \\. * / |` \\ ,-\\ * / \\| .) / \\ * ( ,'|\\ ,' : * | \\,`.`--"/ } * `,' \\ |,' / * / "-._ `-/ | * "-. "-.,'| ; * / _/["---'""] * : / |"- ' * ' | / * ` | */第五款：单身狗专用<!-- :: :;J7, :, ::;7: ,ivYi, , ;LLLFS: :iv7Yi :7ri;j5PL ,:ivYLvr ,ivrrirrY2X, :;r@Wwz.7r: :ivu@kexianli. :iL7::,:::iiirii:ii;::::,,irvF7rvvLujL7ur ri::,:,::i:iiiiiii:i:irrv177JX7rYXqZEkvv17 ;i:, , ::::iirrririi:i:::iiir2XXvii;L8OGJr71i :,, ,,: ,::ir@mingyi.irii:i:::j1jri7ZBOS7ivv, ,::, ::rv77iiiriii:iii:i::,rvLq@huhao.Li ,, ,, ,:ir7ir::,:::i;ir:::i:i::rSGGYri712: ::: ,v7r:: ::rrv77:, ,, ,:i7rrii:::::, ir7ri7Lri , 2OBBOi,iiir;r:: ,irriiii::,, ,iv7Luur: ,, i78MBBi,:,:::,:, :7FSL: ,iriii:::i::,,:rLqXv:: : iuMMP: :,:::,:ii;2GY7OBB0viiii:i:iii:i:::iJqL;:: , ::::i ,,,,, ::LuBBu BBBBBErii:i:i:i:i:i:i:r77ii , : , ,,:::rruBZ1MBBqi, :,,,:::,::::::iiriri: , ,,,,::::i: @arqiao. ,:,, ,:::ii;i7: :, rjujLYLi ,,:::::,:::::::::,, ,:i,:,,,,,::i:iii :: BBBBBBBBB0, ,,::: , ,:::::: , ,,,, ,,::::::: i, , ,8BMMBBBBBBi ,,:,, ,,, , , , , , :,::ii::i:: : iZMOMOMBBM2::::::::::,,,, ,,,,,,:,,,::::i:irr:i:::, i ,,:;u0MBMOG1L:::i:::::: ,,,::, ,,, ::::::i:i:iirii:i:i: : ,iuUuuXUkFu7i:iii:i:::, :,:,: ::::::::i:i:::::iirr7iiri:: : :rk@Yizero.i:::::, ,:ii:::::::i:::::i::,::::iirrriiiri::, : 5BMBBBBBBSr:,::rv2kuii:::iii::,:i:,, , ,,:,:i@petermu., , :r50EZ8MBBBBGOBBBZP7::::i::,:::::,: :,:,::i;rrririiii:: :jujYY7LS0ujJL7r::,::i::,::::::::::::::iirirrrrrrr:ii: ,: :@kevensun.:,:,,,::::i:i:::::,,::::::iir;ii;7v77;ii;i, ,,, ,,:,::::::i:iiiii:i::::,, ::::iiiir@xingjief.r;7:i, , , ,,,:,,::::::::iiiiiiiiii:,:,:::::::::iiir;ri7vL77rrirri:: :,, , ::::::::i:::i:::i:i::,,,,,:,::i:i:::iir;@Secbone.ii:::-->第六款：骷髅头/** ************************************************************** * * * .=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-. * * | ______ | * * | .-" "-. | * * | / \\ | * * | _ | | _ | * * | ( \\ |, .-. .-. ,| / ) | * * | > "=._ | )(__/ \\__)( | _.=" < | * * | (_/"=._"=._ |/ /\\ \\| _.="_.="\\_) | * * | "=._"(_ ^^ _)"_.=" | * * | "=\\__|IIIIII|__/=" | * * | _.="| \\IIIIII/ |"=._ | * * | _ _.="_.="\\ /"=._"=._ _ | * * | ( \\_.="_.=" `--------` "=._"=._/ ) | * * | > _.=" "=._ < | * * | (_/ \\_) | * * | | * * '-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=' * * * * LASCIATE OGNI SPERANZA, VOI CH'ENTRATE * ************************************************************** */第七款：标准键盘/** * ┌───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐ * │Esc│ │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│ ┌┐ ┌┐ ┌┐ * └───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘ └┘ └┘ └┘ * ┌───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───────┐ ┌───┬───┬───┐ ┌───┬───┬───┬───┐ * │~ `│! 1│@ 2│# 3│$ 4│% 5│^ 6│& 7│* 8│( 9│) 0│_ -│+ =│ BacSp │ │Ins│Hom│PUp│ │N L│ / │ * │ - │ * ├───┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─────┤ ├───┼───┼───┤ ├───┼───┼───┼───┤ * │ Tab │ Q │ W │ E │ R │ T │ Y │ U │ I │ O │ P │{ [│} ]│ | \\ │ │Del│End│PDn│ │ 7 │ 8 │ 9 │ │ * ├─────┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴─────┤ └───┴───┴───┘ ├───┼───┼───┤ + │ * │ Caps │ A │ S │ D │ F │ G │ H │ J │ K │ L │: ;│" '│ Enter │ │ 4 │ 5 │ 6 │ │ * ├──────┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴────────┤ ┌───┐ ├───┼───┼───┼───┤ * │ Shift │ Z │ X │ C │ V │ B │ N │ M │< ,│> .│? /│ Shift │ │ ↑ │ │ 1 │ 2 │ 3 │ │ * ├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤ ┌───┼───┼───┐ ├───┴───┼───┤ E││ * │ Ctrl│ │Alt │ Space │ Alt│ │ │Ctrl│ │ ← │ ↓ │ → │ │ 0 │ . │←─┘│ * └─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘ */第八款：顶/** * 頂頂頂頂頂頂頂頂頂 頂頂頂頂頂頂頂頂頂 * 頂頂頂頂頂頂頂 頂頂 * 頂頂 頂頂頂頂頂頂頂頂頂頂頂 * 頂頂 頂頂頂頂頂頂頂頂頂頂頂 * 頂頂 頂頂 頂頂 * 頂頂 頂頂 頂頂頂 頂頂 * 頂頂 頂頂 頂頂頂 頂頂 * 頂頂 頂頂 頂頂頂 頂頂 * 頂頂 頂頂 頂頂頂 頂頂 * 頂頂 頂頂頂 * 頂頂 頂頂 頂頂 頂頂 * 頂頂頂頂 頂頂頂頂頂 頂頂頂頂頂 * 頂頂頂頂 頂頂頂頂 頂頂頂頂 */还有一些其他有趣搞怪的注释/** * _ooOoo_ * o8888888o * 88" . "88 * (| -_- |) * O\\ = /O * ___/`---'\\____ * . ' \\\\| |// `. * / \\\\||| : |||// \\ * / _||||| -:- |||||- \\ * | | \\\\\\ - /// | | * | \\_| ''\\---/'' | | * \\ .-\\__ `-` ___/-. / * ___`. .' /--.--\\ `. . __ * ."" '< `.___\\_<|>_/___.' >'"". * | | : `- \\`.;`\\ _ /`;.`/ - ` : | | * \\ \\ `-. \\_ __\\ /__ _/ .-` / / * ======`-.____`-.___\\_____/___.-`____.-'====== * `=---=' * ............................................. * 佛曰：bug泛滥，我已瘫痪！ *//** * ,s555SB@@& * :9H####@@@@@Xi * 1@@@@@@@@@@@@@@8 * ,8@@@@@@@@@B@@@@@@8 * :B@@@@X3hi8Bs;B@@@@@Ah, * ,8i r@@@B: 1S ,M@@@@@@#8; * 1AB35.i: X@@8 . SGhr ,A@@@@@@@@S * 1@h31MX8 18Hhh3i .i3r ,A@@@@@@@@@5 * ;@&i,58r5 rGSS: :B@@@@@@@@@@A * 1#i . 9i hX. .: .5@@@@@@@@@@@1 * sG1, ,G53s. 9#Xi;hS5 3B@@@@@@@B1 * .h8h.,A@@@MXSs, #@H1: 3ssSSX@1 * s ,@@@@@@@@@@@@Xhi, r#@@X1s9M8 .GA981 * ,. rS8H#@@@@@@@@@@#HG51;. .h31i;9@r .8@@@@BS;i; * .19AXXXAB@@@@@@@@@@@@@@#MHXG893hrX#XGGXM@@@@@@@@@@MS * s@@MM@@@hsX#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@&, * :GB@#3G@@Brs ,1GM@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@B, * .hM@@@#@@#MX 51 r;iSGAM@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@8 * :3B@@@@@@@@@@@&9@h :Gs .;sSXH@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@: * s&HA#@@@@@@@@@@@@@@M89A;.8S. ,r3@@@@@@@@@@@@@@@@@@@@@@@@@@@r * ,13B@@@@@@@@@@@@@@@@@@@5 5B3 ;. ;@@@@@@@@@@@@@@@@@@@@@@@@@@@i * 5#@@#&@@@@@@@@@@@@@@@@@@9 .39: ;@@@@@@@@@@@@@@@@@@@@@@@@@@@; * 9@@@X:MM@@@@@@@@@@@@@@@#; ;31. H@@@@@@@@@@@@@@@@@@@@@@@@@@: * SH#@B9.rM@@@@@@@@@@@@@B :. 3@@@@@@@@@@@@@@@@@@@@@@@@@@5 * ,:. 9@@@@@@@@@@@#HB5 .M@@@@@@@@@@@@@@@@@@@@@@@@@B * ,ssirhSM@&1;i19911i,. s@@@@@@@@@@@@@@@@@@@@@@@@@@S * ,,,rHAri1h1rh&@#353Sh: 8@@@@@@@@@@@@@@@@@@@@@@@@@#: * .A3hH@#5S553&@@#h i:i9S #@@@@@@@@@@@@@@@@@@@@@@@@@A. * * * */什么？上面这些都不能满足你，想要找更多的ascii图在这里http://www.asciiworld.com/","categories":[{"name":"开发","slug":"开发","permalink":"https://blog.cofess.com/categories/开发/"}],"tags":[{"name":"程序员","slug":"程序员","permalink":"https://blog.cofess.com/tags/程序员/"}]},{"title":"年后的状态，懒！","slug":"年后的状态，懒！","date":"2018-03-25T06:59:41.000Z","updated":"2018-03-25T07:25:13.681Z","comments":true,"path":"2018/03/25/年后的状态，懒！.html","link":"","permalink":"https://blog.cofess.com/2018/03/25/年后的状态，懒！.html","excerpt":"","text":"最近的状态年后的这段时间，可能还没从春节的氛围中缓过来，有点懒，下了班，回到家，整个人都不想动了。下班看看电影，好不惬意，偶尔兴致来了更新一下之前写的Blog主题，就再没写过其他东西，真得好好反省反省！一眨眼，年后上班都一个月了，都这个状态，该调整一下了。 个人计划2017年过去的好像特别快，也没好好计划，遗憾！最近，有一些想法，好好计划一下，打算输出几个个人项目，暂时保密！ 好消息这几天把Hexo博客主题hexo-theme-pure更新了一下，解决了几个小问题，暂时就酱紫！","categories":[{"name":"个人","slug":"个人","permalink":"https://blog.cofess.com/categories/个人/"}],"tags":[{"name":"状态","slug":"状态","permalink":"https://blog.cofess.com/tags/状态/"},{"name":"计划","slug":"计划","permalink":"https://blog.cofess.com/tags/计划/"}]},{"title":"Visual Studio Code个人使用插件整理","slug":"visual-studio-code-personal-use-plug-in-colation","date":"2017-12-17T10:32:51.000Z","updated":"2017-12-17T10:47:14.920Z","comments":true,"path":"2017/12/17/visual-studio-code-personal-use-plug-in-colation.html","link":"","permalink":"https://blog.cofess.com/2017/12/17/visual-studio-code-personal-use-plug-in-colation.html","excerpt":"","text":"开发 文件大小 filesize显示当前文件大小插件地址：传送门 字符转换 String Manipulation字符串转换处理（驼峰、大写开头、下划线等等）插件地址：传送门 代码比对 Partial Diff对比两段代码或文件插件地址：传送门 代码阅读体验优化 Guides高亮缩进基准线插件地址：传送门 Indenticator缩进高亮插件地址：传送门 Bracket Pair Colorizer让括号拥有独立的颜色，易于区分。可以配合任意主题使用。插件地址：传送门 文件定位 File Peek根据路径字符串，快速定位到文件插件地址：传送门 书签 Bookmarks添加行书签 注释 fileheader顶部注释模板，可定义作者、时间等信息，并会自动更新最后修改时间插件地址：传送门 自动完成 Path Autocomplete路径完成提示插件地址：传送门 Path Intellisense自动路劲补全，默认不带这个功能的，赶紧装插件地址：传送门 PHP IntelliSense插件地址：传送门 For PHP composerPHP 包管理工具插件地址：传送门 Git GitLens丰富的git日志插件插件地址：传送门 Git History查看git log插件地址：传送门 前端开发 自动完成 Atuo Rename Tag修改 html 标签，自动帮你完成尾部闭合标签的同步修改，不过有些bug。插件地址：传送门 Auto Close Tag自动闭合html标签插件地址：传送门 代码提示 HTML Snippets超级实用且初级的 H5代码片段以及提示插件地址：传送门 HTML CSS Support让 html 标签上写class 智能提示当前项目所支持的样式插件地址：传送门 Icon Fonts这是一个能够在项目中添加图标字体的插件。该插件支持超过 20 个热门的图标集，包括了 Font Awesome、Ionicons、Glyphicons 和 Material Design Icons。插件地址：传送门 Color Info这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。插件地址：传送门 jQuery Code Snippetsjquery 重度患者必须品插件地址：传送门 Bootstrap 3 SinnpetBootstrap前端框架代码提示插件地址：传送门 代码审查 ESlintESLint 是一个代码规范和错误检查工具插件地址：传送门 HTMLHinthtml代码检测插件地址：传送门 caniuseHTML5、CSS3、SVG的浏览器兼容性检查插件地址：传送门 模版 HTML Boilerplate通过使用 HTML 模版插件，你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html，并按 Tab 键，即可生成干净的文档结构。插件地址：传送门 格式化 beautify格式化代码工具，支持javascript, JSON, CSS, Sass, and HTML插件地址：传送门 PrettierPrettier 是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint，那么还有个 Prettier – Eslint 插件，你可不要错过咯！插件地址：传送门 代码定位 CSS Peek使用此插件，你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时，选择“ Go to Definition 和 Peek definition ”选项，它便会给你发送样式设置的 CSS 代码。插件地址：传送门 正则表达式 Regex Previewer这是一个用于实时测试正则表达式的实用工具。它可以将正则表达式模式应用在任何打开的文件上，并高亮所有的匹配项。插件地址：传送门 代码压缩 Minify这是一款用于压缩合并 JavaScript 和 CSS 文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为.min文件的选项。它能够分别通过 uglify-js、clean-css 和 html-minifier，与 JavaScript、CSS 和 HTML 协同工作。插件地址：传送门 调试 Debugger for Chrome让 vscode 映射 chrome 的 debug功能，静态页面都可以用 vscode 来打断点调试，真666~插件地址：传送门 QuokkaQuokka 是一个调试工具插件，能够根据你正在编写的代码提供实时反馈。它易于配置，并能够预览变量的函数和计算值结果。另外，在使用 JSX 或 TypeScript 项目中，它能够开箱即用。插件地址：传送门 Vue插件 代码提示 vetur语法高亮、智能感知、Emmet等 VueHelpersnippet代码片段 其他 Faker使用流行的 JavaScript 库 – Faker，能够帮你快速的插入用例数据。Faker 可以随机生成姓名、地址、图像、电话号码，或者经典的乱数假文段落，并且每个类别还包含了各种子类别，你可以根据自身的需求来使用这些数据。插件地址：传送门 SVG Viewer此插件在 Visual Studio 代码中添加了许多实用的 SVG 程序，你无需离开编辑器，便可以打开 SVG 文件并查看它们。同时，它还包含了用于转换为 PNG 格式和生成数据 URI 模式的选项。插件地址：传送门 TODO Highlight这个插件能够在你的代码中标记出所有的 TODO 注释，以便更容易追踪任何未完成的业务。在默认的情况下，它会查找 TODO 和 FIXME 关键字。当然，你也可以添加自定义表达式。插件地址：传送门","categories":[{"name":"开发工具","slug":"开发工具","permalink":"https://blog.cofess.com/categories/开发工具/"}],"tags":[{"name":"工具","slug":"工具","permalink":"https://blog.cofess.com/tags/工具/"}]},{"title":"Hexo博客主题pure使用说明","slug":"hexo-blog-theme-pure-usage-description","date":"2017-11-01T13:45:08.000Z","updated":"2017-12-17T10:36:18.682Z","comments":true,"path":"2017/11/01/hexo-blog-theme-pure-usage-description.html","link":"","permalink":"https://blog.cofess.com/2017/11/01/hexo-blog-theme-pure-usage-description.html","excerpt":"","text":"pureA brand new default theme for [Hexo]. Preview | English documentation 外观首页 | 归档 | 分类 | 标签 | 项目 | 书单 | 友链 | 关于 启用主题Execute the following command under your hexo folder.git clone https://github.com/cofess/hexo-theme-pure.git themes/pureThen modify the property theme of the file hexo/_config.yml to theme: pure 更新主题Execute the following command to update theme.cd themes/puregit pull 安装插件 hexo-wordcountnpm install hexo-wordcount --save hexo-generator-json-contentnpm install hexo-generator-json-content --save hexo-generator-feednpm install hexo-generator-feed --save hexo-generator-sitemapnpm install hexo-generator-sitemap --save hexo-generator-baidu-sitemapnpm install hexo-generator-baidu-sitemap --save 主题配置 导航菜单# 导航菜单menu: Home: . Archives: archives # 归档 Categories: categories # 分类 Tags: tags # 标签 Repository: repository # github repositories Books: books # 书单 Links: links # 友链 About: about # 关于# 导航菜单图标（font awesome）menu_icons: enable: true # 是否启用菜单图标 home: fa-dashboard archives: fa-delicious categories: fa-folder tags: fa-tags repository: fa-code books: fa-leanpub links: fa-gg about: fa-coffee 搜索主题内置三种站内搜索方式：insight、swiftype、baidu# Searchsearch: insight: true # you need to install `hexo-generator-json-content` before using Insight Search swiftype: # enter swiftype install key here baidu: false # you need to disable other search engines to use Baidu search 分享支持weibo,qq,qzone,wechat,tencent,douban,diandian,facebook,twitter,google,linkedin# Share# weibo,qq,qzone,wechat,tencent,douban,diandian,facebook,twitter,google,linkedinshare: enable: true # 是否启用分享 sites: weibo,qq,wechat,facebook,twitter # PC端显示的分享图标 mobile_sites: weibo,qq,qzone # 移动端显示的分享图标 评论主题集成了disqus、友言、来必力、gitment评论系统，选择其中一种即可# Comment# Gitment# Introduction: https://imsun.net/posts/gitment-introduction/comment: type: livere # 启用哪种评论系统 disqus: # enter disqus shortname here youyan: uid: *** # enter youyan uid livere: uid: *** # enter livere uid gitment: githubID: username repo: username.github.io ClientID: *** ClientSecret: *** lazy: false Github respostory复制theme/pure/_source/ 目录下repository文件夹到blog path/source/ 目录下# Githubgithub: username: *** # github username 豆瓣书单复制theme/pure/_source/ 目录下books文件夹到blog path/source/ 目录下# douban 豆瓣书单douban: user: *** # 豆瓣用户名 start: 0 # 从哪一条记录开始 count: 100 # 获取豆瓣书单数据条数 友情链接复制theme/pure/_source/ 目录下links文件夹到blog path/source/ 目录下在 hexo 目录下的 source 文件夹内创建一个名为 _data（禁止改名）的文件夹。然后在文件内创建一个名为 links.yml 的文件,在其中添加相关数据即可。单个友情链接的格式为：Name: link: http://example.com avatar: http://example.com/avatar.png desc: "这是一个描述"添加多个友情链接，我们只需要根据上面的格式重复填写即可。. 将 Name 改为友情链接的名字，例如 Cofess。. http://example.com 为友情链接的地址。. http://example.com/avatar.png 为友情链接的头像。. 这是一个描述 为友情链接描述。 文章启用目录索引title: 文章标题categories: - 文章分类tags: - 文章标签toc: true # 是否启用内容索引 博客优化 hexo-neatauto Minify html、js、css and make it neatnpm install hexo-neat --save在博客配置文件_config.yml中添加# hexo-neatneat_enable: trueneat_html: enable: true exclude: neat_css: enable: true exclude: - '*.min.css'neat_js: enable: true mangle: true output: compress: exclude: - '*.min.js' hexo-baidu-url-submitnpm install hexo-baidu-url-submit --save hexo-translate-title使用Google翻译，百度翻译和有道翻译将Hexo中的汉字标题转成英文标题安装npm install hexo-translate-title --save在博客配置文件_config.yml中添加translate_title: translate_way: google #google | baidu | youdao youdao_api_key: XXX youdao_keyfrom: XXX is_need_proxy: true #true | false proxy_url: http://localhost:8123注意：判断是否需要配置google本地代理，因为我在本地是开启时才能访问google翻译的，如果没有被墙，请将_config.yml 下的is_need_proxy: true改为false。如果设置为true,请设置本地代理地址 数学公式Hexo默认使用"hexo-renderer-marked"引擎渲染网页，该引擎会把一些特殊的markdown符号转换为相应的html标签 解决方案解决方案有很多，可以网上搜下，为了节省大家的时间，这里只提供亲身测试过的方法。更换Hexo的markdown渲染引擎，hexo-renderer-markdown-it-plus引擎替换默认的渲染引擎hexo-renderer-marked即可。 安装hexo-renderer-markdown-it-plus插件npm un hexo-renderer-marked --savenpm i hexo-renderer-markdown-it-plus --save 配置安装插件后，如果未正常渲染LaTeX数学公式，在博客配置文件_config.yml中添加markdown_it_plus: highlight: true html: true xhtmlOut: true breaks: true langPrefix: linkify: true typographer: quotes: “”‘’ plugins: - plugin: name: markdown-it-katex enable: true - plugin: name: markdown-it-mark enable: false 文章启用mathjaxtitle: Hello Worldmathjax: true","categories":[],"tags":[{"name":"Hexo","slug":"Hexo","permalink":"https://blog.cofess.com/tags/Hexo/"}]},{"title":"如何在Hexo中使用Mathjax渲染LaTeX数学公式","slug":"how-to-use-mathjax-to-render-latex-mathematical-formula-in-hexo","date":"2017-09-06T01:19:34.000Z","updated":"2017-12-17T10:36:15.958Z","comments":true,"path":"2017/09/06/how-to-use-mathjax-to-render-latex-mathematical-formula-in-hexo.html","link":"","permalink":"https://blog.cofess.com/2017/09/06/how-to-use-mathjax-to-render-latex-mathematical-formula-in-hexo.html","excerpt":"","text":"平时使用markdown写文档的时候，免不了会碰到数学公式，好在有强大的Mathjax,可以解析数学公式。基于Hexo搭建的个人博客，默认情况下渲染数学公式会出现各种各样的问题。Hexo默认使用"hexo-renderer-marked"引擎渲染markdown，该引擎会把一些特殊的markdown符号转换为相应的html标签。 解决方案解决方案有很多，可以网上搜下，为了节省大家的时间，这里提供亲身测试过的方法。更换Hexo的markdown渲染引擎，用hexo-renderer-markdown-it-plus引擎替换默认的渲染引擎hexo-renderer-marked即可。 安装先卸载hexo-renderer-marked，再安装hexo-renderer-markdown-it-plus插件npm uninstall hexo-renderer-marked --savenpm install hexo-renderer-markdown-it-plus --save 配置安装插件后，如果未正常渲染LaTeX数学公式，在博客配置文件_config.yml中添加markdown_it_plus: highlight: true html: true xhtmlOut: true breaks: true langPrefix: linkify: true typographer: quotes: “”‘’ plugins: - plugin: name: markdown-it-katex enable: true - plugin: name: markdown-it-mark enable: false 文章启用mathjaxtitle: Hello Worldmathjax: true 加载CSS最后在网页head部分加载mathjax样式表就搞定了<link href="https://cdn.bootcss.com/KaTeX/0.7.1/katex.min.css" rel="stylesheet"> 举个栗子$$H=-\\sum_{i=1}^N (\\sigma_{i}^x \\sigma_{i+1}^x+g \\sigma_{i}^z)$$$$f(n) = \\begin{cases} \\frac{n}{2}, & \\text{if } n\\text{ is even} \\\\ 3n+1, & \\text{if } n\\text{ is odd} \\end{cases}$$上面的代码渲染后显示如下：H=−∑i=1N(σixσi+1x+gσiz)H=-\\sum_{i=1}^N (\\sigma_{i}^x \\sigma_{i+1}^x+g \\sigma_{i}^z)H=−i=1∑N​(σix​σi+1x​+gσiz​)f(n)={n2,ifnis even3n+1,ifnis oddf(n) = \\begin{cases} \\frac{n}{2}, & \\text{if } n\\text{ is even} \\\\ 3n+1, & \\text{if } n\\text{ is odd} \\end{cases}f(n)={2n​,3n+1,​if n is evenif n is odd​","categories":[],"tags":[{"name":"Hexo","slug":"Hexo","permalink":"https://blog.cofess.com/tags/Hexo/"}]},{"title":"Hexo博客常用插件及用法","slug":"comon-plug-in-and-usage-of-hexo-blog","date":"2017-08-16T05:16:27.000Z","updated":"2017-12-17T10:36:15.953Z","comments":true,"path":"2017/08/16/comon-plug-in-and-usage-of-hexo-blog.html","link":"","permalink":"https://blog.cofess.com/2017/08/16/comon-plug-in-and-usage-of-hexo-blog.html","excerpt":"","text":"hexo-autonofollowGithub：https://github.com/liuzc/hexo-autonofollow简介：自动为站外链接添加nofollow属性安装：$ npm install hexo-autonofollow --save配置：在博客配置文件_config.yml中添加nofollow: enable: true exclude: - exclude1.com - exclude2.comenable - 是否启用exclude - 排除域名 hexo-baidu-url-submitGithub：https://github.com/huiwang/hexo-baidu-url-submit简介：主动推送Hexo博客新链接至百度搜索引擎，解决百度爬虫被禁止访问的问题，提升网站收录质量和速度。安装：$ npm install hexo-baidu-url-submit --save配置：在博客配置文件_config.yml中添加baidu_url_submit: count: 1 ## 提交最新的一个链接 host: blog.cofess.com ## 在百度站长平台中注册的域名 token: your_token ## 请注意这是您的秘钥， 所以请不要把博客源代码发布在公众仓库里! path: baidu_urls.txt ## 文本文档的地址， 新链接会保存在此文本文档里token - 您得注册百度站长工具，然后在工具->网页抓取->链接提交里找到你的密匙。其次，_config.ym文件中url的值， 必须是百度站长平台注册的域名， 比如:# URLurl: blog.cofess.comroot: /permalink: :year/:month/:day/:title/最后，加入新的deployer:deploy:- type: baidu_url_submitter执行hexo deploy的时候，新的链接就会被推送百度了。 hexo-generator-feedGithub：https://github.com/hexojs/hexo-generator-feed简介：RSS的生成插件，你可以在配置显示你站点的RSS，文件路径\\atom.xml。安装：$ npm install hexo-generator-feed --save配置：在博客配置文件_config.yml中添加feed: type: atom path: atom.xml limit: 20 hub: content:type - Feed type. (atom/rss2)path - Feed path. (Default: atom.xml/rss2.xml)limit - Maximum number of posts in the feed (Use 0 or false to show all posts)hub - URL of the PubSubHubbub hubs (Leave it empty if you don’t use it)content - (optional) set to ‘true’ to include the contents of the entire post in the feed. hexo-generator-sitemapGithub：https://github.com/hexojs/hexo-generator-sitemap简介：生成博客的sitemap。安装：$ npm install hexo-generator-sitemap --save配置：在博客配置文件_config.yml中添加sitemap: path: sitemap.xml hexo-generator-baidu-sitemapGithub：https://github.com/coneycode/hexo-generator-baidu-sitemap简介：生成博客的sitemap（针对百度）。安装：$ npm install hexo-generator-baidu-sitemap --save配置：在博客配置文件_config.yml中添加baidusitemap:path: baidusitemap.xml hexo-generator-json-contentGithub：https://github.com/alexbruno/hexo-generator-json-content简介：用于生成静态站点数据，提供搜索功能的数据源。安装：$ npm install hexo-generator-json-content --save配置：在博客配置文件_config.yml中添加jsonContent: ignore: - path/to/a/page - url/to/one/post - an-entire-category - specific.file - .ext # a file extension hexo-neatGithub：https://github.com/rozbo/hexo-neat简介：自动压缩html、css、js代码安装：$ npm install hexo-neat --save配置：在博客配置文件_config.yml中添加neat_enable: true压缩html代码neat_html: enable: true exclude:压缩CSSneat_css: enable: true exclude: - '*.min.css'压缩JSneat_js: enable: true mangle: true output: compress: exclude: - '*.min.js' hexo-translate-titleGithub：https://github.com/cometlj/hexo-translate-title简介：使用Google翻译，百度翻译和有道翻译将Hexo文章中的汉字标题转成英文标题安装：$ npm install hexo-translate-title --save配置：在博客配置文件_config.yml中添加translate_title: translate_way: google #google | baidu | youdao youdao_api_key: XXX youdao_keyfrom: XXX is_need_proxy: true #true | false proxy_url: http://localhost:4000注意：判断是否需要配置google本地代理，如果没有被墙，请将_config.yml下的is_need_proxy: true改为false。如果设置为true,请设置本地代理地址 hexo-wordcountGithub：https://github.com/willin/hexo-wordcount简介：为文章添加文章字数统计、文章预计阅读时间安装：$ npm install hexo-wordcount --save使用：通过以上安装后，你可以在你的模板文件加入以下相关的标签实现本插件的功能**字数统计:**WordCount**阅读时长预计:**Min2Read总字数统计: TotalCount hexo-generator-restfulGithub：https://github.com/yscoder/hexo-generator-restful简介：RESTful JSON数据生成插件。安装：$ npm install hexo-generator-restful --save配置：以下为默认配置，属性值为 false 表示不生成。restful: # site 可配置为数组选择性生成某些属性 # site: ['title', 'subtitle', 'description', 'author', 'since', email', 'favicon', 'avatar'] site: true # hexo.config mix theme.config posts_size: 10 # 文章列表分页，0 表示不分页 posts_props: # 文章列表项的需要生成的属性 title: true slug: true date: true updated: true comments: true path: true excerpt: false cover: true # 封面图，取文章第一张图片 content: false keywords: false categories: true tags: true categories: true # 分类数据 tags: true # 标签数据 post: true # 文章数据 pages: false # 额外的 Hexo 页面数据, 如 About","categories":[],"tags":[{"name":"Hexo","slug":"Hexo","permalink":"https://blog.cofess.com/tags/Hexo/"}]},{"title":"第三方社会化评论系统整理","slug":"third-party-socialized-review-system","date":"2017-08-15T03:19:22.000Z","updated":"2017-12-31T06:51:29.055Z","comments":true,"path":"2017/08/15/third-party-socialized-review-system.html","link":"","permalink":"https://blog.cofess.com/2017/08/15/third-party-socialized-review-system.html","excerpt":"网站经常要用到第三方社会化评论系统，评论可以增加用户之间的互动，到底有哪些社会化评论系统可供选择？常见的有：畅言、友言、评论啦、贝米Baye.me、多说等，有一些已经无法使用了。","text":"网站经常要用到第三方社会化评论系统，评论可以增加用户之间的互动，到底有哪些社会化评论系统可供选择？常见的有：畅言、友言、评论啦、贝米Baye.me、多说等，有一些已经无法使用了。 多说目前状态：服务已关闭，不可用是否需要备案：否是否需要注册：是简介：各种网站程序都支持，支持评论回流，评论导入、导出。垃圾评论多、界面有点丑。网址：http://duoshuo.com/ 畅言目前状态：可正常使用是否需要备案：是是否需要注册：是简介：大厂出品，稳定性、长久性都值得信赖。完美匹配PC端和移动端，拥有智能反垃圾系统。网址：http://changyan.kuaizhan.com/ 友言目前状态：可正常使用是否需要备案：否是否需要注册：否，如需获取个人专属评论系统需注册简介：支持单点登录，评论导入、导出、自适应PC端和移动端。系统审核不行，垃圾评论多。网址：http://www.uyan.cc/ 网易云跟帖目前状态：服务已关闭，不可用是否需要备案：否是否需要注册：是简介：云跟帖是2016年6月网易才推出的一个新产品，号称“最专业的评论聚合与分享平台”，可以智能联通不同网站同一新闻下的评论，全民互动。如今已关闭服务。网址：https://gentie.163.com/ 来必力目前状态：可正常使用是否需要备案：否是否需要注册：是简介：来比力(支持英语、中文、韩语)等少数几个，提供管理页面，管理网站评论内容。可手动隐藏恶性评论与灌水内容。主要应用在一些大型的新闻资讯站点上，支持社会化账号及Openid的登录，同样具有Voting功能。网址：https://livere.com/ Disqus目前状态：可正常使用，国外（可能需要翻墙）是否需要备案：否是否需要注册：是简介：可以使用在多个平台上，包括主流的Wordpress及Joomla, Dupral等等系统，很多大型网站都直接使用Disqus，也可以看出Disqus在第三评论系统里面的地位。它集成的第三方登录基本上是国外的，比如Facebook，Twitter，Google+，linkedin等。但是这种登录在国内基本都是用不了的。所以国内的博客系统或cms还是不推荐大家使用Disqus。网址：https://disqus.com/你还知道有哪些第三方评论系统？留言补充吧……","categories":[{"name":"建站","slug":"build-website","permalink":"https://blog.cofess.com/categories/build-website/"}],"tags":[{"name":"Social","slug":"social","permalink":"https://blog.cofess.com/tags/social/"}]},{"title":"gulp常用插件整理","slug":"gulp-comon-plug-in-colation","date":"2017-08-06T14:52:29.000Z","updated":"2017-12-17T10:36:15.960Z","comments":true,"path":"2017/08/06/gulp-comon-plug-in-colation.html","link":"","permalink":"https://blog.cofess.com/2017/08/06/gulp-comon-plug-in-colation.html","excerpt":"","text":"任务管理 gulp-nodemon网址: https://www.npmjs.com/package/gulp-nodemon说明：自动启动/重启你的node程序，开发node服务端程序必备。 gulp-task-listing网址: https://www.npmjs.com/package/gulp-task-listing说明：打印出gulpfile.js中定义的所有task。 require-dir网址: https://www.npmjs.com/package/require-dir说明：分离任务到多个文件中。 run-sequence网址: https://www.npmjs.com/package/run-sequence说明：让gulp任务，可以相互独立，解除任务间的依赖，增强task复用。 yargs网址: https://www.npmjs.com/package/yargs说明：用于获取启动参数，针对不同参数，切换任务执行过程时需要。 util工具类 gulp-util网址: https://www.npmjs.com/package/gulp-util说明：gulp常用的工具库。 gulp-load-plugins网址：https://www.npmjs.com/package/gulp-load-plugins说明：自动加载插件。 自动刷新 gulp-connect网址: https://www.npmjs.com/package/gulp-connect说明：前端数据模拟服务器，同时也支持浏览器自动刷新。 browser-sync网址: http://www.browsersync.io/说明：静态文件服务器，同时也支持浏览器自动刷新，它能实现LiveReload所有功能。 gulp-livereload网址：https://www.npmjs.com/package/gulp-load-plugins说明：自动刷新。 编译类 gulp-base64网址：https://www.npmjs.com/package/gulp-base64说明：把小图片转成base64字符串。 gulp-babel网址：https://www.npmjs.com/package/gulp-babel说明：让ES6编写的JavaScript代码转化成浏览器可以理解的JavaScript代码。使用 babel 编译 JS 文件，比如将ES6代码编译成ES5。 gulp-less网址：https://www.npmjs.com/package/gulp-less说明：将less文件编译成css,当有less文件发生改变自动编译less,并保证less语法错误或出现异常时能正常工作并提示错误信息。 gulp-sass网址：https://www.npmjs.com/package/gulp-sass说明：把 Sass 编译成 CSS。 gulp-postcss网址：https://www.npmjs.com/package/gulp-postcss说明：把 postcss 编译成 CSS。 gulp-coffee网址: https://github.com/wearefractal/gulp-coffee说明：编译coffee代码为Js代码，使用coffeescript必备。 gulp-sourcemaps网址：https://www.npmjs.com/package/gulp-sourcemaps说明：处理JS时，生成SourceMap。 压缩优化类 gulp-uglify网址：https://www.npmjs.com/package/gulp-uglify说明：用来混淆、压缩js文件，使用的是uglify引擎。 gulp-minify网址：https://www.npmjs.com/package/gulp-minify说明：压缩js文件,推荐使用gulp-uglify，Minify JavaScript with UglifyJS2.。 gulp-minify-inline-scripts网址：https://www.npmjs.com/package/gulp-minify-inline-scripts说明：压缩行内脚本。 gulp-minify-css网址：https://www.npmjs.com/package/gulp-minify-css说明：css文件压缩，gulp-minify-css已经被废弃，请使用gulp-clean-css。 gulp-clean-css网址：https://www.npmjs.com/package/gulp-clean-css说明：css文件进行去注释,css文件压缩。 gulp-csso网址：https://www.npmjs.com/package/gulp-csso说明：压缩优化css。 gulp-uncss网址：https://www.npmjs.com/package/gulp-uncss说明：清理多余无用css。 gulp-useref网址：https://www.npmjs.com/package/gulp-useref说明：解析构建块在HTML文件来代替引用未经优化的脚本和样式表。 gulp-html-replace网址：https://www.npmjs.com/package/gulp-html-replace说明：替换html中的构建块。Replace build blocks in HTML. Like useref but done right. gulp-minify-html网址：https://www.npmjs.com/package/gulp-minify-html说明：html文件压缩，已废弃，推荐使用gulp-htmlmin。 gulp-htmlmin网址：https://github.com/jonschlinkert/gulp-htmlmin说明：html文件压缩,如去换行，去注释等。 jsonminify网址：https://www.npmjs.com/package/jsonminify说明：Json压缩 gulp-pretty-data网址：https://www.npmjs.com/package/gulp-pretty-data说明：压缩美化xml, json, css, sql。 gulp-image网址：https://www.npmjs.com/package/gulp-image说明：图片压缩。 gulp-imagemin网址：https://www.npmjs.com/package/gulp-imagemin说明：图片压缩,对jpg、png等格式问的图片进行无损的压缩（特别有用，但是在你的node-modules中的插件过多时会存在图片压缩过慢的问题问题）。 imagemin-pngquant网址：https://www.npmjs.com/package/imagemin-pngquant说明：图片压缩。 gulp-zip网址：https://www.npmjs.com/package/gulp-zip说明：ZIP压缩文件。 css sprites 图片精灵 gulp.spritesmith网址：https://www.npmjs.com/package/gulp.spritesmith说明：Convert a set of images into a spritesheet and CSS variables via gulp. gulp.spritesmith-multi网址：https://www.npmjs.com/package/gulp.spritesmith-multi说明：A wrapper for gulp.spritesmith to generate multiple sprites and stylesheets. gulp-sprite-generator网址：https://www.npmjs.com/package/gulp-sprite-generator说明：Plugin that generate sprites from your stylesheets (using spritesmith) and then updates image references. gulp-spritesmith网址：https://www.npmjs.com/package/gulp-spritesmith说明：Gulp plugin for sprite generation, based on spritesmith. 文件类 del网址：https://www.npmjs.com/package/del说明：删除文件/文件夹。 gulp-clean网址：https://www.npmjs.com/package/gulp-clean说明：删除文件/文件夹。 gulp-concat网址：https://www.npmjs.com/package/gulp-concat说明：文件合并，合并JS。 gulp-recursive-concat网址：https://www.npmjs.com/package/gulp-recursive-concat说明：按文件夹递归合并JS。 gulp-rename网址：https://www.npmjs.com/package/gulp-rename说明：用来重命名文件流中的文件。 gulp-filter网址：https://www.npmjs.com/package/gulp-filter说明：在虚拟文件流中过滤文件。 代码审查、自动补全 gulp-eslint网址：https://www.npmjs.com/package/gulp-eslint说明：检查Javascript编程时的语法错误，与gulp-jshint二选一即可。 gulp-jshint网址：https://www.npmjs.com/package/gulp-jshint说明：js代码检查，与gulp-eslint二选一即可。 gulp-autoprefixer网址：https://www.npmjs.com/package/gulp-autoprefixer说明：使用Autoprefixer来补全浏览器兼容的css，与autoprefixer功能相同，二选一即可。 autoprefixer网址：https://www.npmjs.com/package/autoprefixer说明：自动添加浏览器前缀,补全浏览器兼容的css。 注释类 gulp-header网址：https://www.npmjs.com/package/gulp-header说明：用来在压缩后的JS、CSS文件中添加头部注释，你可以包含任意想要的信息，通常就是作者、描述、版本号、license等，比如function getHeader () { var pkg = require('package.json'); var template = ['/**', ' * <%= pkg.name %> - <%= pkg.description %>', ' * @authors <%= pkg.authors %>', ' * @version v<%= pkg.version %>', ' * @link <%= pkg.homepage %>', ' * @license <%= pkg.license %>', ' */', '' ].join('\\n'); return $.header(template, { pkg: pkg });} gulp-footer网址：https://www.npmjs.com/package/gulp-footer说明：用来在压缩后的JS、CSS文件中添加页脚注释。 自动加版本号 gulp-make-css-url-version网址：https://www.npmjs.com/package/gulp-make-css-url-version说明：默认是取图片文件的md5值作为版本号。 gulp-rev网址：https://www.npmjs.com/package/gulp-rev说明：对文件进行hash命名，并且生成对应的json文件(对css、js文件名加MD5后缀)，配合gulp-rev-collector使用。 gulp-rev-collector网址：https://www.npmjs.com/package/gulp-rev-collector说明：结合gulp-rev对hash的文件在html文件中进行引用路径更改,替换html中的链接，配合gulp-rev使用。 gulp-rev-format网址：https://github.com/atamas101/gulp-rev-format说明：格式化文件版本号，需配合gulp-rev使用。 单位转换 postcss-px2rem网址：https://www.npmjs.com/package/postcss-px2rem说明：px单位转换成rem单位 流控制 gulp-if网址：https://www.npmjs.com/package/gulp-if说明：有条件地运行一个任务。 调试 gulp-debug网址：https://www.npmjs.com/package/gulp-debug说明：gulp脚本调试。 gulp-debug-streams网址：https://www.npmjs.com/package/gulp-debug-streams说明：gulp脚本调试。 gutil-waterlog网址：https://www.npmjs.com/package/gutil-waterlog说明：gulp任务日志。 gulp-logwarn网址：https://www.npmjs.com/package/gulp-logwarn说明：gulp任务日志。 gulp-spy网址：https://www.npmjs.com/package/gulp-spy说明：gulp脚本调试。 gulp-plumber：错误处理插件网址：https://www.npmjs.com/package/gulp-plumber说明：使用watch模式可以更高效的开发，监听到改动就自动执行任务，但是如果过程中遇到错误，gulp就会报错并终止watch模式，必须重新启动gulp，利用gulp-plumber可以实现错误自启动。 gulp-notify：消息插件网址：https://www.npmjs.com/package/gulp-notify说明：显示报错信息和报错后不终止当前gulp任务。 增量编译 gulp-cache网址：https://www.npmjs.com/package/gulp-cache说明：检测改动的文件,图片缓存，只有图片替换了才压缩 gulp-cached网址：https://www.npmjs.com/package/gulp-cached说明：增量编译打包,对文件进行复制时，只是对那行更改过的文件进行复制，减少不必要的资源操作。 gulp-remember网址：https://www.npmjs.com/package/gulp-remember说明：配合gulp-cached使用。 gulp-changed网址：https://www.npmjs.com/package/gulp-changed说明：只编译或打包改变过文件 ，大大加快了gulp task的执行速度,跟gulp-cacahed插件类似，主要是在对文件进行复制时，如果该文件没有改动过，那么就不允许该文件复制到目标文件件。（实测时看不出来，如果使用cached,就不用使用这个了）。实际开发中用 gulp-cached+gulp-remember 的组合非常合适。 项目模板化 gulp-data网址：https://www.npmjs.com/package/gulp-data说明：提供数据，该数据可被其他gulp插件使用。 gulp-template网址：https://www.npmjs.com/package/gulp-template说明：渲染模板，替换变量以及动态html。 gulp-file-include网址：https://www.npmjs.com/package/gulp-file-include说明：include 文件。 文件目录 gulp-recursive-folder网址：https://www.npmjs.com/package/gulp-recursive-folder说明：Gulp plugin that work with folders treat them recursively。 gulp-folders网址：https://www.npmjs.com/package/gulp-folders说明：Gulp plugin that lets you work with folders and treat them as package names。 格式化 gulp-jsbeautifier网址：https://www.npmjs.com/package/gulp-jsbeautifier说明：Prettify JavaScript, JSON, HTML and CSS. gulp-beautify网址：https://www.npmjs.com/package/gulp-beautify说明：This is a gulp plugin for js-beautify. gulp-group-css-media-queries网址：https://www.npmjs.com/package/gulp-group-css-media-queries说明：格式化css媒体查询语句。 环境变量 fuck-env网址：https://www.npmjs.com/package/fuck-env说明：用于跨平台设置脚本环境变量，支持 .env 类型文件和 package.json 的 config 字段。 其他插件 pretty-error网址：https://www.npmjs.com/package/pretty-error说明：一个小工具，美化node.js错误提示。 gulp-stats网址：https://www.npmjs.com/package/gulp-stats说明：显示gulp任务统计信息。 gulp-task-builder网址：https://www.npmjs.com/package/gulp-task-builder说明：JSON配置构建任务。 gulp-group网址：https://www.npmjs.com/package/gulp-group说明：任务分组。 gulp-list网址：https://www.npmjs.com/package/gulp-list说明：在控制台列出所有可用任务。 gulp-manifest网址：https://www.npmjs.com/package/gulp-manifest说明：生成 HTML5 缓存清单文件。","categories":[{"name":"前端","slug":"front-end-development","permalink":"https://blog.cofess.com/categories/front-end-development/"}],"tags":[{"name":"Gulp","slug":"gulp","permalink":"https://blog.cofess.com/tags/gulp/"}]},{"title":"Hexo搭建个人博客并部署到Github","slug":"hexo-builds-a-personal-blog-and-deploys-to-github","date":"2017-04-09T06:49:13.000Z","updated":"2017-12-17T10:36:15.957Z","comments":true,"path":"2017/04/09/hexo-builds-a-personal-blog-and-deploys-to-github.html","link":"","permalink":"https://blog.cofess.com/2017/04/09/hexo-builds-a-personal-blog-and-deploys-to-github.html","excerpt":"","text":"准备你需要准备好以下软件：Node.js环境和Git Hexo安装npm install hexo -g 升级更新hexo到最新版npm update hexo -g 初始化hexo init <folder>如果指定，便会在目前的资料夹建立一个名为的新文件夹；否则会在目前资料夹初始化。 生成网站hexo g 启动本地服务hexo s启动服务后，就可以访问：http://localhost:4000/（port 预设为 4000，可在 _config.yml 设定） RSS订阅命令行切换到hexo博客根目录，安装hexo-generator-feed$ npm install hexo-generator-feed --save在博客目录的_config.yml中添加如下代码## feed feed: type: atom path: atom.xml limit: 20 hub: content: sitemap站点地图命令行切换到hexo博客根目录，分别用下面两个命令来安装针对谷歌和百度的sitemap插件npm install hexo-generator-sitemap --savenpm install hexo-generator-baidu-sitemap --save在博客目录的_config.yml中添加如下代码## sitemapsitemap: path: sitemap.xmlbaidusitemap: path: baidusitemap.xml 部署步骤每次部署的步骤，可按以下三步来进行。hexo cleanhexo generatehexo deploy一些常用命令：hexo new "postName" #新建文章hexo new page "pageName" #新建页面hexo generate #生成静态页面至public目录hexo server #开启预览访问端口（默认端口4000，'ctrl + c'关闭server）hexo deploy #将.deploy目录部署到GitHubhexo help # 查看帮助hexo version #查看Hexo的版本","categories":[],"tags":[{"name":"Hexo","slug":"Hexo","permalink":"https://blog.cofess.com/tags/Hexo/"},{"name":"Github","slug":"Github","permalink":"https://blog.cofess.com/tags/Github/"}]}]}