如何在 Hexo 中使用插图
我们编辑文章时或有或无的需要佐上那么几张图片来表达自己的想法, Hexo 中编辑文章的方式是直接写 Markdown 文件, 又没有直接上传图片的接口, 以下是博主从网上收集来的一些 Hexo 中引用图片的办法合集.
Hexo 实现实时预览编辑
在用了一段时间 Hexo 后, 发现写 Hexo 文章时需要到在线的 Markdown 编辑器中实时预览, 感觉还是有些不方便.
找到官方文档, 在服务器部分有这样一段话
安装完成后，输入以下命令以启动服务器，您的网站会在 http://localhost:4000 下启动。在服务器启动期间，Hexo 会监视文件变动并自动更新，您无须重启服务器。
片子, 根本没有自动更新( 可能是我姿势不对? ).
如何用好 git
自己在使用 git 的过程中遇到了不少问题, 最终我都会花时间把它们解决. 这里记录下我遇到这些场景时的解决办法, 并总结一下各种方法的优缺点, 让大家少走点弯路.
使用案例
正在做一个功能, 这时临时需要做别的修改
你可能会遇到这种情况: 当你正在做一个功能(feature-A)时, 这个功能并没有开发完, 但这时有同学喊你紧急修复一个线上 bug 或者要你 pull 一下代码. 这种情况下你会怎么做呢 ?
A.
1
2
3
4
5
6git add . // 将当前改动提交至暂存区
git commit -am "save" // "保存"一下这些改动
git checkout master // 切换到 master 分支
// some change commit
git push origin master // 修复完成后提交
git checkout feature-A // 切换回功能分支继续开发B.
1
2
3
4
5
6
7git add .
git commit -am "temp" // 临时"保存"一下这些改动, 因为我最后会撤销它
git checkout master
// some change commit
git push origin master
git checkout feature-A // 切换回开发分支
git reset --mixed HEAD^ // 撤销上一次提交并恢复工作区C.
1
2
3
4
5
6git stash // 存储工作区和暂存区
git checkout master
// some change commit
git push origin master
git checkout feature-A // 切换回开发分支
git stash pop // 还原工作区和暂存区
正确姿势
C. 使用 git stash 功能
“懒惰”的客户
前几天我的姐姐让我帮她做一个公众号的头像, 也作为她以后店谱的 LOGO, 举手之劳的事情就答应了, 但我也不是很清楚她喜欢哪种风格的, 我就随便选了几种风格列了一个简单的表格给她选, 她也随手选了一两个比较喜欢的.
为了做出让她更满意的头像, 也怕我对风格理解的偏差, 我就给了她一个素材网站, 从里面选出自己喜欢的元素, 并让她选好后告诉我.
第二天我问她的时候, 她也没有上去选, 我说那我直接帮你做了吧, 她说好, 并且她本也是这么打算的. 最后我就按她之前选得风格, 添加了一些我觉得比较好看的元素, 做好后就给她了, 最后她也很满意.
图: 我帮她设计的公众号头像
通过一件这么小的事, 突然想起了以前帮客户设计网页的时候也遇到过类似的情况. 你觉得按照自己喜欢的方式完成客户的目标, 总有种 “ 不是最完美 “ – 达不到客户心中想要的那种结果的感觉.
以前看书的时候, 看到那些 “ 把客户当作傻子, 当作一个刚学会说话的小孩 “ 这样的字句的时候不以为然, 客户应当有他们自己的想法. 但现在看来事实本应如此, 是我在当前领域涉及较深时, 思考问题总喜欢复杂一些, 全面一些, 考虑的很多. 但客户的要求有时候并不是那么高, 甚至他们有时候不介意去 “ 抄 “ 别人的页面.
所以说, 隔行如隔山. 他们需要的是你的专业知识, 他们也不清楚到底这样的设计有怎样的思考, 怎样的用途, 你尽管按照自己的想法去做好每一个环节, 而不要想着尽量让客户参与进来, 这样有时反而会耽误工期或让客户觉得你不太专业.
客户总是懒惰的.
使用 GitHub Pages 和 Hexo 搭建自己的静态博客
准备工作
- github 帐号
- node 环境
- 科学上网 (尽量)
如果你还不知道 github 或者 node, 建议您简单了解一下 git / github 、 node 工作原理, 以便快速上手该教程, 这里就不再阐述了.
1 搭建 Github Pages
1.1 新建一个 GitHub Pages 个人主页项目
注意项目名要填 用户名.github.io , 比如我的github用户名是mutoe, 那我的项目名就必须填 mutoe.github.io , 如果不这样做的话你的主页就会变成类似 http://mutoe.github.io/project-name 这样的子目录了.
填完项目名直接确认就好, 其它不用设置.
将 Hexo 博客发布到自己的服务器上
最近写博客的时候发现搭建在 Github Pages 上在国内偶尔会抽, 表现为加载慢, 半天才读取完.
鉴于自己有服务器, 索性就放在自己服务器上吧, 打算就用 Github Pages 做博客备份. 接下来就开始动手把.
实现原理
我们在自己的电脑上写好博客, 使用 git 发布到代码仓库进行备份, git 仓库接收到 push 请求后, 使用 webhook 配合 nodejs 自动进行服务器端页面的更新.
Chrome 浏览器的一些使用小技巧
使用技巧
现在的互联网都鼓励大家使用 Chrome 浏览器，它很强大，本身简洁，支持非常多的插件。但正因如此，大家都比较懒不愿意去花时间学习适应一个新的产品去打造适合自己的浏览器，所以我在这里写下一些使用 Chrome 浏览器的小技巧供大家参考学习。
搜索引擎相关
相信不少朋友不愿意使用 chrome 浏览器是因为它默认的搜索引擎是 google，而对于国内环境来说，普通用户不使用特别手段是上不了 google.com 的，所以你在地址栏输入向搜索的关键词时会跳转到 google 导致无法显示，从而必须先进入到 baidu.com 然后再进行搜索。
修改默认搜索引擎
那有没有简单的方法能够将 chrome 浏览器的默认搜索引擎切换为百度呢？当然有。
进入设置页面，找到 搜索引擎 一栏，将默认搜索引擎切换为百度即可
快捷切换搜索引擎
学到了上面的方法你还不满足，我想在多个搜索引擎中自由切换，比如搜技术类作品用 github，搜视频用 bilibili，搜百科用 wikipedia，搜地名用 map.baidu.com。
按照一般思路，搜百科用 wikipedia 的话要先去 zh.wikipedia.org，然后在该站点的搜索栏中键入要查询的关键字，总共两个步骤。
那我现在教你一个快捷的方法：直接在地址栏键入 wikipedia，然后按下 tab 键，会发现地址栏变成这样：（不过要保证你之前用过 wikipedia 的搜索功能）
用 stylus 写一个 50 行代码的栅格化布局
相信前端的同学们已经接触过栅格化布局了, 只要你用过 bootstrap 或者一些其他的 css 框架.
栅格化布局是一个非常方便的布局方式, 尤其是它的自适应布局, 可以根据屏幕大小缩放容器的宽度.
今天我们用一个 css 预处理器 stylus 来编写一个 只有 50 行代码, 能自定义栅格数, 能响应多个断点, 能推能拉的栅格化布局!
FastStone Image Viewer - 轻量级图像查看器
写在前面:
应用推荐的相关文章其实一直想做, 因为我自己用的一些软件或应用都非常小众, 感觉很轻量 / 实用, 不像 360 全家桶那些应用浓重的商业气味. 这类软件知道的人不多, 介绍给朋友时他们总有种 “你哪来这么多有意思的软件啊!” 的感觉, 所以写下这个系列的文章, 让这类软件让更多的人知道, 支持作者, 支持优质应用 !
我先慢慢积累一些推荐, 后面我会做成一个应用小仓库之类的东西, 推荐一些小众的、轻量的、实用性非常高的应用程序。