史上最快速修改Logdown模版字型!!!

相信大部分使用简体中文在Logdown写文章的伙伴们,都会遇到一个问题。很多模版与简体中文不适配!!导致内文看起来不太美观...这问题也困扰了我许久,于是我花了一点时间研究,并找到最快速的解决方法,来分享给大家。

*此方法必须得是Logdown付费会员,付费会员才有权限自定义blog模版*




Step 1:至网站后台 -> Blog设定

Step 2:选择布景主题 -> 点击当前模版

Step 3:在<head></head>中间插入以下代码

(请一定要将代码放在</head>之上)

<style>
    body {font-family:SimHei !important;}
</style>


修改前:


修改后:



这样就完成了,是不是非常快速呢!?

如果要更改为其他字型,只要将font-family后面的SimHei,改成自己喜欢的字型就可以了。

如果不希望整个Blog都是同样字型,例如想将段落、清单、连结等设置不同字型,只要仿照上述格式就可以了。

最后,如果你们有不错的简体字型也麻烦分享给我,我对目前的字型还是稍微不太满意阿!

谢谢收看。

Job Listing 魔改大赛作品介绍(职赢网)

这篇文章为我参加新生大学全栈营Job Listing第二季魔改大赛的作品介绍,作品名称为职赢网,是以互联网行业为主的招聘网站。

这里会有比较详尽的作品细节,例如页面功能、Model、Gem及作品截图等,也会将之后调整的功能更新上来。

话不多说,先上图


2017-04-26 - Job-win 职赢网v1.2 - 改版方向:希望能统一管理更多信息(工作地点、职位分类及职位管理)

1、新增网站管理员权限,可以管理职位类型/工作地点;
* 新增Model:Category 职位类型 / Location 工作地点
* 新增View:管理后台 职位类型 / 工作地点
* 调整Model:User,新增 is_website_admin 栏位
* 调整Model:Job,修改category / location栏位,连结至新Model
* 调整View:管理后台 / 职位列表下拉选单 / 职位相关页面
* 修正搜索功能
2、修改职位权限,职位只能下线、不能删除
* 调整View:管理后台移除删除功能
* 调整View:职位相关页面

这版虽然看起来没新增什么功能,但新增并且调整Model之间的关连,坑比想像中多出太多了。Heroku上的数据结构也无法顺利修正,只好将过去数据删除,重新整合。

不过这版复杂一点的Model,也学到很多新技能,例如搜索及捞出数据时的用法

2017-04-21 - Job-win 职赢网v1.1

1、限制投递简历数量,每人对同一个职位只能投一次简历
2、职位列表/我的收藏/投递历史/搜索页面,右侧职位推荐/左侧职位信息,重新调整CSS及排版,现已正常并适配移动端
3、管理后台新增职位数量统计、收藏数量统计、筛选工作地点/职位类型/月薪 功能

2017-04-19 - Job-win 职赢网v1.0

主要功能及页面:

一般用户+企业用户
  • 浏览首页
  • 注册帐号、帐号登陆
  • 浏览职位列表,筛选职位类型、工作地点或月薪,随机推荐职位
    • 收藏职位、取消收藏
  • 浏览职位内容,推荐相似职位
    • 投递简历
    • 收藏职位、取消收藏
  • 搜索职位名称、工作地点或公司名称
企业用户
  • 浏览企业专区 - 工作列表,新增、修改、删除、显示/隐藏职位(只对当前帐号创建的职位有权限)
  • 浏览简历清单,下载简历

Model:

  • User 用户
    • id 用户ID
    • email 邮箱
    • name 姓名
    • is_admin 管理者权限
    • created_at 资料建立时间(系统预设)
    • updated_at 资料更新时间(系统预设)
  • Job
    • id 用户ID
    • user_id 用户ID
    • name 职位名称
    • content 职位内容
    • company 公司名称
    • category 职位类型
    • location 工作地点
    • wage_lower_bound 薪资下限
    • wage_upper_bound 薪资上限
    • contact_mail 联络邮箱
    • is_hidden 开放权限
    • created_at 资料建立时间(系统预设)
    • updated_at 资料更新时间(系统预设)
  • Resume
    • id 简历ID
    • user_id 用户ID
    • job_id 职位ID
    • content 简历介绍
    • attachment 简历档案
    • created_at 资料建立时间(系统预设)
    • updated_at 资料更新时间(系统预设)
  • Collection
    • id 收藏ID
    • user_id 用户ID
    • job_id 职位ID
    • created_at 资料建立时间(系统预设)
    • updated_at 资料更新时间(系统预设)

Gem:

  • bootstrap-sass
  • devise
  • simple_form
  • carrierwave
  • font-awesome-rails
  • will_paginate
  • will_paginate-bootstrap
  • ransack

首页:依据Landing page概念制作,可点击依造热门行业直接浏览该分类所有职位

职位页面:依造职位建立时间显示所有职位(预设隐藏的职位除外),并具备依照条件筛选、输入关键字搜索、收藏职位、投递简历等功能(右侧会随机推荐职位),职位内容页面会显示详细职位信息(右侧会显示相似职位)

帐户功能:可浏览所有收藏过的职位,以及所有投递过的简历

用户管理:可使用注册、登陆功能

管理后台:企业用户可以前往管理后台,针对职位做新增/修改/删除/隐藏/显示的操作(只对针对当前帐户创建的职位有权限),并可浏览投递过该职位的所有简历

Mac实用工具及技巧分享(编程向)

在昨天的北京Meetup中,因缘际会下分享了一些使用Mac时,可以提升编程速度的工具及技巧,又被某人推坑后产生了这篇文章...

本篇只是个人使用上的一些小套路,希望能帮助各位提升编程时的效率,有任何好的工具或技巧也欢迎交流

❖ 快捷键符号对应如下 ❖

⌘(command)、⌥(option)、⇧(shift)、⌃(control)



一、Atom

Part 1. 快速选取、快速复原动作

1-a、⌘ + 上箭头/下箭头,跳转到页面最上方/最下方(请仔细看游标位置)

1-b、⌘ + ⇧ + 上箭头/下箭头,选取游标位置至页面最上方/最下方


2-a、⌘ + 左箭头/右箭头,跳转到该行最左方/最右方(请仔细看游标位置)

2-b、⌘ + ⇧ + 左箭头/右箭头,选取游标位置至该行最左方/最右方
应用:快速选取该行代码进行复制/删除动作


3-a、⌥ + 左箭头/右箭头,跳转到前一个/后一个单词(请仔细看游标位置)

3-b、⌥ + ⇧ + 左箭头/右箭头,选取游标位置至前一个/后一个单词
应用:快速选取片段代码进行复制/修改/删除动作


4-a、⌘ + Z,回复上一个动作
4-b、⌘ + ⇧ + Z,重作上一个动作(系统预设快捷键是 ⌘ + Y,但你改用这快捷键会发现更有效率)

以上技巧皆可以运用在任何文档编辑软件
如:Evernote、Pages、Keynote等



Part 2. 快速查询/切换页面

1、⌘ + P,搜寻文件(可输入多组关键词,需用空隔分开)
应用:快速搜寻文件,不用在左侧侧边栏慢慢找寻文档


2-a、⌘ + F,在当前文件中搜寻关键词(可输入替换字串,用下方Replace替换)

2-b、⌘ + ⇧ + F,在当前项目所有文件中搜寻关键词(可输入替换字串,用下方Replace替换)
应用:一次更改该项目所有特定词语(例如:更改变数或标题)


3、⌘ + 数字键,依序切换第1~9个视窗
应用:快速切换视窗

可应用在大多数软件
如:Google Chrome、Safari、Evernote等



Part 3. 快速查询快捷键

有时候新安装一个软件,不太可能将选单列打开,将快捷键全部背起来,这时候可以手动查询想要的快捷键

方法为:选单 -> Help -> 于搜寻栏中输入关键词,即可查到相关的快捷键设定(有些动作预设没有快捷键)

应用:大多数Apple软件皆支持此快捷键查询方法



二、快速切换软件

一般在多个软件间切换时都会使用触碰板移动鼠标点击下方Icon,或是使用Command + tab切换,但以下有个更快速的切换方式

使用预设的Spotlight功能,输入APP名称快速切换

*Spotlight是Mac上极神的功能,大家有时间可以深入研究下



延伸阅读

在此介绍个神级APP:Alfred(下载地址:https://www.alfredapp.com/

它的功能简单说就是取代Mac内建的Spotlight,并多出许多功能(有兴趣可以参考有哪些工具或者软件堪称神器?

在此只介绍个人最常用的Web Search功能

❖ 经过设置后,可以用自定义的Keyword触发设置,搜索特定网站 ❖
应用:在搜寻时省下以下步骤(打开浏览器 -> 另开分页 -> 输入网站网址 -> 在搜寻栏输入关键字 -> 确认)


如何设置:
Step 1.
进入Alfred设置页面 -> 上方选择Features -> 左侧选择Web Search
(图中右侧红框内为我个人新增的设置)

Step 2.
点击右下角Add Custom Search

Step 3.
(1) Search URL:请填入要设定的网站,并找出其搜寻时采用的网址,{query}为关键字的变数
*小技巧:要怎么找到对应的网址呢?很简单,找到想设置的网站后,在搜寻框内输入一个容易辨别的关键词,将此关键词更改为{query}即可


(2) Title:输入一个自己能轻易辨别名称即可
(3) Keyword:设置简短且能辨别含意的缩写,例如:jd(京东)、db(豆瓣)、zh(知乎)
(4) Icon:建议将该网站的logo存取下来,并拖曳至右侧方框中,之后搜寻时能更容易辨别

下面分享一些我目前的设置,有其他设置也欢迎分享给我:

- Github:https://github.com/search?utf8=%E2%9C%93&q={query}
- Stackoverflow:http://stackoverflow.com/search?q={query}
- Ruby Toolbox:https://www.ruby-toolbox.com/search?utf8=%E2%9C%93&q={query}
- Amazon.cn:https://www.amazon.cn/s/field-keywords={query}
- 百度:https://www.baidu.com/s?wd={query}
- 京东:http://search.jd.com/Search?keyword={query}&enc=utf-8&wq={query}
- 淘宝:https://s.taobao.com/search?q={query}
- 知乎:https://www.zhihu.com/search?type=question&q={query}
- 豆瓣:http://www.douban.com/search?source=suggest&q={query}
- 全栈营第三课:https://fullstack.xinshengdaxue.com/courses/3/syllabus/search?utf8=%E2%9C%93&q={query}
- 笑来搜:http://xiaolai.co/search?query={query}
(在此偷偷推广笑来搜,特别好用)

*Alfred预设中已有常见的国外网站,例如:Google、Wiki、Twitter、Youtube、Imdb等



三、快速切换桌面(选修)

应用场景:编程时经常切换浏览器、iTerm、Atom、Slack等软件,Mac能轻易设置多桌面,快速切换、处理不同任务,使编程效能提高

以下以我的设置为范例:

  • 桌面一:与人沟通(社交软件)- Wechat、Slack、QQ 等
  • 桌面二:记录、查询笔记(笔记软件)- Evernote
  • 桌面三:查询资料(浏览器)- Google Chrome、Safari
  • 桌面四:纪录待办事项(行事历+GTD)- Fantastical2、OmniFocus
  • 桌面五:编程、文案(编辑软件)- Atom、Microsoft Office系列、Keynote、Pages、Numbers 等

如何设置:
Step 1.
进入到Mission Control模式,将鼠标移至右上方,点击+号新增桌面

Step 2-a.
确认要锁定在该桌面的应用程式后,对Icon点击右键 -> 选项 -> 此桌面 -> 完成设置

Step 2-b.
如果有些应用程式想在所有桌面都显示,一样对Icon点击右键 -> 选项 -> 所有桌面 -> 完成设置
(我将Finder、iTerm、系统设定等都设置为所有桌面,相信你使用一段时间后就知道为什么了)

Step 3.
切换桌面预设为四个手指向左右滑动,这边有个更快的方式

  • 进入设置 -> 键盘 -> 快速键 -> 将切换至桌面1~5设置为快捷键

*这边我设置的是Option + 1~5,目前测试不会与系统与其他软件快捷键冲突,与Command + 1~9配合也十分快速,强力推荐



以上就是小弟我目前编程时常用的一些小技巧,希望能帮助到大家,许多快捷键的用法只介绍常用的,相信每个人都有自己一套最顺手的开发环境,如有任何建议或问题,欢迎留言给我,一起交流。