网站更新日志-1

##更改主题
  之前的那个主题 《BioPaul》 ,确实觉得挺好的。不过全站AJAX给我带来了不少困扰。全局播放背景音乐是很不错但是在体验上却有所欠缺。音乐播放器的一些细节还有待改进,不过遗憾的是作者已经停止了维护。并且网站的加载速度始终很慢。因为是动态内容所以会在用户体验上从速度方面影响。为了不影响网站的体验遂而更换了原先的主题。并且现有的主题能够相当好的支持Markdown语法。现在的主题虽然没有全站AJAX,但是这个主题可以拿来二次开发,最近我便会着手。

##更换插件
  插件换了一批又一批,现在总算是调整到了速度和实用性并存的阶段。首先网站主题更换了以后轻量了许多,反应速度也快了不少。然后最近也成功从七牛云那边认证了,接入了它的CDN加速。并且WP这边也删去了不必要的插件若干,并加入了WP-SUPER-CACHE这个插件,让网站的响应速度得到进一步的提高。现在的速度体验相比上个月刚建站的时候是有天壤之别的。相当不错。不过有一点要注意,更新了页面的小工具等插件后,必须在WP-SUPER-CACHE里将原先的缓存给删去,然后再加载缓存才能在页面上看到效果。否则将会是自己能看到更新后的效果而游客看不到。

##网站静态化
  Wordpress网站伪静态,要做到完全静态化虽然理论上可行,但是用了cos-html-cache这个插件后发现对首页会出现一点问题。所以暂时抛弃。采用命名伪静态的方法(在文章页后+.HTML)以及用插件删去catagory目录在网页中的显示。发现WP NO CATAGORY插件能够和WP-SUPER-CACHE兼容的时候也是相当开心。静态化后访问速度再次得到提高。

##近期目标
  因为想要做一个自己的主题,发现没有良好的PHP语言基础是不行的。最近正在学习PHP,并且搜罗了一些我觉得可以拿来参考的主题。到时候可以整合成自己想要的东西。暑假期间争取能把自己的这个主题的第一个版本做出来。


在SublimeText3中使用Markdown语法的种种小技巧。

##MarkDown在Wordpress里的应用
这篇文章是用Sublimetext编辑的。Sublimetext对于MarkDown有个很好的插件支持,那就是OmniMarkupPreviewer。 用ST3这个轻量级的编辑器写东西是一个很舒服的选择。而Wordpress又支持MarkDown,所以我可以用ST3写完文章再发表到WP。

##Markdown在Sublime的snippet
这个是Markdown在Sublime里的一些有趣的用法

用snippet能加速我们在Sublime text3中对Markdown的开发,而不仅仅局限于Markdown。

自定义了一些snippet

  • mdlink - 插入链接
  • mdacr - 插入参考式链接
  • mdfn - 插入脚注
  • mdimg - 插入图片
  • tab - 首行缩进四个字符(两个汉字)
  • br - 换行



另外,我电脑中自定义snippet的目录在C:\Users\lenonvo\AppData\Roaming\Sublime Text 3\Packages\User下,不同电脑可能不一样,不过都是在ST3文件夹下的Packages\User下,文件名命名为*.sublime-snippet

##记录一下在Sublime中如何自定义snippet
首先先给出一个snippet的最基本的格式

以下是snippet的基本代码,代码类型是xml

1
2
3
4
5
6
7
8
9
<snippet>
<content><![CDATA[Type your snippet here]]></content>
<!-- Optional: Tab trigger to activate the snippet -->
<tabTrigger>hello</tabTrigger>
<!-- Optional: Scope the tab trigger will be active in -->
<scope>source.python</scope>
<!-- Optional: Description to show in the menu -->
<description>My Fancy Snippet</description>
</snippet>



  content里代表你想要自定义的代码片段,注意,![CDATA[]]这段框体是一定要有的否则会出错

  tabTrigger里代表你输入的简短代码,按tab键后就能快速展开成content里的代码段

  scope里的代码代表这段Snippet适用于什么语言类型,如果留空就是适用于任何类型

  description里的是描述性文字,用来描述你这段Snippet用来做什么的,会在你输入tabTrigger里关键字的时候在模糊匹配栏后显示出来,来提示你这段代码的作用

####接下来给出一段Snippet代码用来分析

1
2
3
4
5
6
7
8
9
10
<snippet>
<content><![CDATA[
[${1:Display_Text}][${2:id}]$5

[$2]:${3:http://example.com/} ${4:"$3"}
]]></content>
<tabTrigger>mdacr</tabTrigger>
<scope>text.html.markdown.multimarkdown, text.html.markdown</scope>
<description>Link Anchor</description>
</snippet>



  这是一段基于MARKDOWN语法的自定义snippet。我们注意到,在![CDATA[]]内部出现了$,这个符号的作用是让tab键按下后光标所在的位置。$1就是tab键按下后首先出现的位置,而后再按下Tab键,光标会移动到$2的位置,以此类推。

  如果想光标停留的地方留下一些默认的提示性文字,那么就用这个结构${*:Display_Text},其中的*是你要用到的数字,
Display_Text里放的就是你想要的提示性文字。这样就能做到用Tab键快速在代码块中穿梭输入,提升我们的输入效率


##记录一下如何在MarkDown首行缩进
在行首输入&amp;emsp,&emsp是代表2个字符宽度的空格,也就是一个汉字的宽度。为了符合中文段落行首两个汉字的习惯,通常我们可以输入两次&amp;emsp;&amp;emsp;,但是明显每次都要这么输入实在是很麻烦,所以结合上SublimeText3的Snippet特性就能很快定义这块代码块,实现快速输入。

代码如下:

1
2
3
4
5
6
<snippet>
<content><![CDATA[&emsp;&emsp;]]></content>
<tabTrigger>tab</tabTrigger>
<scope>text.html.markdown.multimarkdown, text.html.markdown</scope>
<description>indent</description>
</snippet>

这里我们使用了输入tab然后按tab键实现输出 &amp;emsp;&amp;emsp;,输入什么文字你可以自己定,当然是越简单越容易记越好。

##记录一下Sublime text3的一些快捷键

  • 接下来记录一下ST3的一些实用的快捷键。
  • 分屏快捷键,alt+shift+1~4这能将屏幕分成纵向的1~4屏。而alt+shift+5会将屏幕分成田字格的4屏,alt+shift+8会将屏幕上下分屏。
  • GOTO ANYTHING的快捷键,ctrl+p
  • 打开package control的快捷键,ctrl+shift+p
  • 复制当前光标所在的一行快捷键,ctrl+shift+d
  • 预览MARKDOWN在浏览器中显示,ctrl+alt+O
  • 新建文件ctrl+alt+n
  • 复制代码但不失去原有格式ctrl+shift+v

诺基亚N1国行版已经被ROOT!

已经率先尝试,发现果然ROOT成功,首先感谢一下为此做出贡献的网友!

Read more
用Markdown来写Wordpress文章

安装Jetpack插件

WordPress里要用MARKDOWN写东西要用到一个插件就是JP-MARKDOWN。这个是官方出的插件。而在国内网络貌似是无法链接到Wordpress官网的,翻墙之后安装好JP-MARKDOWN就行了。

Read more
Wordpress 主题BioPaul 安装记录

2015.05.19

基本安装教程在这里http://bropaul.com/biopaul

Read more
世界,你好!

Hello world!这是我在Wordpress上第二次发布这个信息了。

第一次是在本地机器上,这次是真正在网站上发布了。