基于 hexo + markdown 搭建个人博客. 容易上手搭建, 生态相对完善成熟, 问题解决方案全面 这里介绍 / 安装 / 搭建 / 修改主题 / 部署到github 使用 hexo 创建博客 1. 安装 nodejs / hexo # 淘宝镜像源 npm install -g --registry=https://registry.npm.taobao.org # 安装 hexo cnpm i hexo-cli -g # 验证 hexo hexo -v ## hexo: 3.9.0 ## hexo-cli: 2.0.0 ## node: 10.16.0 2. hexo命令创建项目 创建项目文件夹 cd 进入执行如下命令: # 初始化项目 hexo init # 默认克隆一个landscape 主题: themes/landscape; # 默认创建一篇文章: source/_posts/hello-world.

Continue reading

git 常用 Cmder 集成工具, 可以使用别名 命令: git branch git checkout <branchname> git status git add . git commit -m 'gitmessage' git push 生成公钥: ssh-keygen -t rsa -C "youremail" 配置账户: git config --global user.name <username> git config --global user.email <useremail> 远端: 查看远端仓库: git remote -v 克隆修改文件夹名字: git clone <repo> <filename>, filename 为本地文件夹名, 将内容克隆到这个文件夹 git clone git@github.com:xn213/blog.git public 远端为blog的项目克隆到 public 下 Problems: 问题：gitlab 配置了SSH key，但是每次提交的时候还是要输入用户名和密码

Continue reading

【Vue.js】21个值得一用的组件库 Nuxt.js Vue的服务器端渲染框架，解决客户端渲染的诸多问题。（首页载入慢，SEO等） https://nuxtjs.org/ Vuetify vue的UI/UX框架，除Bootstrap外的选择。 https://vuetifyjs.com/ eslint-plugin-vue vue的文法校验工具，可以快速找出代码、指令、样式单中的问题，同时还可以集成到VSCode, Sublime, Atom等IDE中。 https://eslint.vuejs.org/ vue-lazyload 图片懒装载处理组件。 https://github.com/hilongjw/vue-lazyload axios HTTP通信组件，可以远程存取各种REST-API服务。 https://github.com/axios/axios vue-typer 内容显示的打字机组件。 https://github.com/cngu/vue-typer vue-chartjs Chart.js库的vue实现，可以完成网页中的图表显示。 https://vue-chartjs.org/ 演示: http://demo.vue-chartjs.org/ vue-fa FontAwesome5库的vue实现，可以调用FontAwesome5的各种组件。 https://cweili.github.io/vue-fa/ vee-validate 基于模板的vue校验框架。 https://baianat.github.io/vee-validate/ vuedraggable 网页对象拖动组件，只需写少量的代码，就可以完成页面对象的拖动排序。 https://github.com/SortableJS/Vue.Draggable 演示: https://sortablejs.github.io/Vue.Draggable/#/simple Vue-Socket.io 对于socket.io库的封装，可以和Vuex状态管理配合使用。 https://github.com/MetinSeylan/Vue-Socket.io Vue-multiselect 多选框的解决方案，还包括状态管理、下拉框、Ajax、检索框等功能。 https://vue-multiselect.js.org/ vuejs-datepicker vue的日期选择组件。 https://github.com/charliekassel/vuejs-datepicker vue-md-editor vue的markdown编辑器。 https://github.com/anguer/vue-editor 演示: https://cngu.github.io/vue-typer/ vue-rate-it 五星评价组件，省的自己编写了。 https://craigh411.github.io/vue-rate-it/ 演示: https://jsfiddle.net/craig_h_411/992o7cq5/ Vue-good-table vue的表格操作组件，支持列排序、内容过滤、分页等操作。 https://xaksis.github.io/vue-good-table/ Vuex 官方出品的状态管理组件，推荐！ https://vuex.vuejs.org/ Vue Router 官方出品的路由定义组件。 https://router.vuejs.org/ element-ui 基于vue 2.0的组件库，同时支持React和Angular。

Continue reading

喜欢是一朝一夕, 爱是从心动 到 古稀 三月拾花酿春 六月流萤染夏 十月稻陌拾秋 腊月丛中吻雪  一年四季 四季最好都赠你 我多想能陪你走一场,  把前半生的风景对你讲,   在每个寂静的夜里我会想,    那些关于你的爱恨情长 这一生要错过多少风景才不会错过你:heart::cupid::two_hearts::revolving_hearts: 送你一张夕阳的照片:heart::cupid::two_hearts: 天气还没有那么寒冷，走呀:来呀:跑步去:嘿哈::嘿哈: 开心:大笑: 有没有想起童年:机智::机智: 难搞哦:: 最害怕一个人睡午觉，醒来发现天黑了，而你始终一个人，那种被黑暗包围的房间，像是被全世界抛弃了一样！你有过吗？ — 那天维多利亚, 小窝也温馨 – 向往 嗯:皱眉:没公平可言 不曾亏欠，不负遇见 [夜听]: 愿余生, 被温柔以待 我们总是一边相遇，一边失去！一边选择一边放弃！ ❤心就那么大点地方，有人来，就会有人走！#珍惜 语言到不了的地方，文字可以，灵魂到不了的地方，音乐可以！ #白羊座 93年，越没安全安感越会反复推开一个人，直到确认那个人真的不会离开 #孤独患者 #稍等一下马上惊艳 生活或许总有遗憾, 希望未来依旧很好 #十月 为什么街上路灯多半是暖色系的呢？ 大概是为了温暖，每一个晚归的人吧！ 给每个孤独的人， 在这空荡的城市一点温暖 :气球: 一夜之间 这座城市就冷了 风一动，寒一重 愿所有人：有衣暖身 有人暖心:heart: 听说家里已经开始下雪了，是不是有点早了:皱眉: :music: 爱江山更爱美人-小阿枫 像米粒一样的疙瘩汤,:愉快: 越来越喜欢我自己啦:奸笑::奸笑: 好吃:调皮: :music: 庸人自扰 - 王理文

Continue reading

自用谷歌浏览器插件 - 持续更新 Chrome Extension vuetools web前端助手: FeHelper，Chrome浏览器插件，包含一些前端实用的工具 chrome 跨域问题解决 Allow-Control-Allow-Origin Allow CORS: Access-Control-Allow-Origin 下载 Vimium: 键盘操作更便捷 Vimium = Vim + Chromium 超方便的快捷键 画词翻译: google应用商店 下载.crx文件 crxMouse Top Gestures Clear Cache 拷贝为 Markdown wappalyzer JSON Viewer: The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen. It is a Chrome extension for printing JSON and JSONP.

Continue reading

自定义指令: 权限指令 // v-allow 指令, 值与路由meta字段对比, 绑定的内容显示与否 Vue.directive('allow', { inserted: (el, binding, vnode) => { let permissionList = vnode.context.$route.meta.permission if(!permissionList.includes(binding.value)){ el.parentNode.removeChild(el) } } }) // 使用 <a @click="upload" v-allow="'3'"></a> /* 3代表一个上传权限的ID，权限中有3则显示按钮 */

Continue reading