-
Notifications
You must be signed in to change notification settings - Fork 14
/
content.json
1 lines (1 loc) · 52.1 KB
/
content.json
1
{"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/"}]}]}