网站更新日志-4

##说在前头
这个主题原本是Moyu的EverBox,后来经过修改,二次开发后我将其命名为Mofinn,并会一直更新。
Mofinn的Github地址在这里
目前已经更新至v1.0PROA5


6.16更新日志

##更新说明
更新了文章列表文章标题显示的一个特效。提高交互性。

####更新效果

  • 鼠标接近文章标题的时候能够触发特效,能够看到标题缓慢滑出以及标题颜色变色的效果。

####不足以及有待改进之处
手机端的导航菜单栏的问题还没有解决。目前发现结构还有点复杂,所以先更新了文章标题的显示效果。在Mofinn的PROA系列中是一定会将手机端导航菜单栏问题解决的。


网站更新日志-3

##说在前头
这个主题原本是Moyu的EverBox,后来经过修改,二次开发后我将其命名为Mofinn,并会一直更新。
Mofinn的Github地址在这里


6.13更新日志

##更新说明
修复了上次更新遗留的问题。更新了手机端的导航菜单栏的显示效果。修改了侧边栏的一个插件,将最新更新热门文章位置对调。

###更新效果

  • 在手机端浏览的时候菜单栏将能够选择收起,并且将子菜单省去只留下母菜单。(这样做是为了防止子菜单过多而导致溢出页面。)
  • 修改后的手机端的菜单栏更加适合阅读,而不像之前的菜单栏会占满整个屏幕。
  • 最新更新热门文章位置对调

###不足以及有待改进之处
手机端的导航栏目前修改为只显示母菜单,虽然解决了手机端屏幕小阅读量有限的问题,但是如果没有子菜单毕竟还是有所欠缺。所以下一次更新应该会解决手机端子菜单栏如何显示的问题,做到最舒服。

目前来说的更新大部分都是对于导航栏的修改,这也是因为导航栏是网站的门面。导航栏的修整近期应该能够结束。而全站Ajax的计划正在进行,下一个大版本更新将会着重于Ajax的实现以及全站背景音乐播放的实现。


网站更新日志-2

##说在前头
这个主题原本是Moyu的EverBox,后来经过修改,二次开发后我将其命名为Mofinn,并会一直更新。
Mofinn的Github地址在这里


6.12更新日志

##更新说明
紧急修复了一个Bug。这个Bug会导致内核在40以下的Chrome浏览器浏览本网站时,导航栏3D旋转特效失效。不过修复后还是有一点点小BUG。在内核版本40以上的浏览器里就不会出现。估计是对CSS3支持度的问题。建议更新至内核最新的浏览器。双核浏览器采用IE内核浏览则没有问题。
修改了网站页脚以及说明文件。

###不足以及有待改进之处
手机端浏览网站的时候,响应式菜单的体验没有做好,点击菜单后无法选择回退。不过暂时不太影响浏览。下次更新应该会注重手机端的问题。不过手机端的浏览测试环境上会稍微有点复杂。手头WAMP这边一直没办法实现哪怕是局域网连接。这两天应该会搞定连接问题。


6.11更新日志

##更新说明
本次对网站维护,更新了导航栏的视觉效果。使原本十分生硬的下拉菜单变得比较有交互性。

###更新效果

  • 固定导航栏,使其随着鼠标滚动能固定在页面最顶端。
  • 更改导航栏透明度,使其能加美观。
  • 当鼠标触及导航栏的主菜单时会触发子菜单产生3D旋转特效。目前这个效果支持每个主菜单下的子菜单8个(不够可以自己添加,不过子菜单8个我觉得就足够了)。

###不足以及有待改进之处

  • 子菜单的宽度是固定的150px,也就是说一旦子菜单栏里的菜单名字长度超过150px,字体就会超出子菜单栏,会十分不协调。考虑过采用最长菜单名的宽度作为整个子菜单的宽度,但是后来觉得还是不协调。还是改成固定长度150px,不过目前来说是够用的,因为子菜单名字都不长。
  • 子菜单的子菜单(后面简称三级菜单)会跟随它的上一级菜单出来,而并非通过鼠标接触子菜单从而出现三级菜单。并且三级菜单的摆放是按照横向的摆放。后续的版本应该会对这一点进行优化。

CentOS7初接触Ⅰ

##这是篇记录,自觉得不能算是教程

本篇文章重点: 双系统引导安装NVIDIA显卡驱动

阅读更多
WIN8.1下安装CentOS7.1

##这是篇记录,自觉得不能算是教程
稍微记录一下安装的过程。早先给电脑硬盘分区的时候专门留给了Linux一块空间,但是当时因为重装系统备份文件之类的事情,一直没动过Linux盘。最近正好在学Python,前端等东西,于是就考虑着给电脑装上Linux系统。之前在Win8下用VM虚拟机装过CentOS6.5,满以为正常安装是同样简单的。然而其实并不是这样的。


另外这篇文章的第一版并没有附图,因为这是在刚装完的CentOS下写的,所以并没有图文准备,以后更新会加上。

##采用U盘安装CentOS7.1

####空间准备
因为之前装WINDOWS系统的缘故,习惯性地采用了U盘安装。当然硬盘安装也是没问题的。本文只记录U盘安装的过程。
首先先留出一块空闲的分区,大小自己定吧,我是留了100GB。格式化该盘。至于NTFS文件系统还是FAT32文件系统,我的情况是这个分区只能被格式化成NTFS。不过无伤大雅。右键计算机-选择管理-磁盘管理,将你格式化的这个盘,右键-删除分区。OK这下在WINDOWS系统下我们就看不到这个盘了。准备安装的空间就腾出来了。

####Linux系统准备
没有采用乌邦图而用了CentOS主要是手头上就有CentOS7的镜像。安装Centos7和6.5版本我觉得应该是差不多的。这里我用C7的版本是’CentOS-7.0-1503-x86_64-DVD.iso’,当然你用的是1406的版本也没有问题。下载这些镜像可以去CentOS官网下载,也可以去网易或者阿里的镜像站下载。我是在校园网的BT站里下的。总之,我们得有一个Linux系统镜像在手上。

####U盘安装盘准备
我们得准备一下这个软件:UltraISO(用来制作U盘启动)。百度的第一条,9.6.2.3059版本(2.2MB)的就可以。其余版本我并没有尝试,但是貌似听说会出问题,所以就用9.6.2.3059版本的就行。OK,download下来后,准备一个大于或者等于8GB的U盘,备份里面的所有资料,因为制作安装盘的时候会删除里面的所有资料。打开UltraISO,选择启动光盘,选择镜像,选择U盘,采用USB-HDD+2的方式进行写入操作。静候十来分钟左右,便会安装完毕。这个时候U盘就准备好了。

####BIOS启动项更改
这个时候重启系统,插入U盘。进入BIOS(这一步不同电脑按键不一样,注意查一下自己电脑进入BIOS的按键),找到BOOT选项,将USB BOOT选项提到优先级最高,F10(不一样电脑按键不一样注意看右侧提示)保存并退出。

####更改CentOS的镜像找寻的目录
这一步是我安装CentOS7花费了最多时间的地方,无数次的尝试以及百度才最终解决。这里也是对自己盲目尝试表示了遗憾。其实早想到方法的话就不必折腾这么久了。


进入正题。在修改了BOOT选项后,我们采用了U盘启动。(所以我们必须要插入U盘。。)这个时候会出现三个选项:

  • Install CentOS7
  • Test this Media &install centos7
  • Troubleshooting


这个时候重点就来了。因为我的电脑是EFI引导,所以在这一步的时候与一般我们百度到的情况不一样,他们是在Install CentOS7 这一项按’TAB’键进行修改目录路径。而我是在这一项按键盘’e’键,进入修改。将’vmlinuz initrd.stage2=hd:LABEL=CentOS\x207\x20x86_64 quiet’ 改为:’vmlinuz initrd.stage2=hd:/dev/sdc1 quite’,一定要留意两个点,’quite’前有一个空格;最重要的来了,这也是我一直没装成功的地方,’/dev/sdc1/‘这个地方里的sdc1并不是每个人都是sdc1,跟你的电脑所装的硬盘数量有关。通常情况下是sdb4,但是也有例外,例如我就是例外。所以我当时一直觉得我的情况应该也是大众情况为什么用sdb4不行呢??犯了想当然的错误。如果你知道自己的U盘是sd几那最好。如果不知道的话可以采用以下步骤:直接执行 install Centos7,那么会报错并进入dracut系统,这个时候在’dracut:#’后输入 ‘cd dev’,进入dev 目录后,输入’ls’,列出目录下的东西。这个时候注意看,sda-sdd不等,你找到如果某个sdx下只有一个sdx加上数字,那么就很有可能是你的U盘。当然这是定性地看,如果要定量地看还得查看每个盘符的大小从而确定你的U盘。


找到U盘后,在’dracut:#’后输入’reboot’重启。重启后把目录改好。按’ctrl与x’键执行。这个时候就能出现CentOS7的安装界面了。

####安装CentOS7
能够进入图形安装界面那么就安装成功了一半。我们不必去选择安装源,因为UltraISO已经帮我们做好了(网络上有的教程说做完安装盘要把package文件夹删去并将镜像拷贝进U盘根目录的说法不靠谱,用UISO做完就可以了,不必管其他的东西。)选择安装的类型,最小化(没有图形界面),Gnome界面啊,开发者工作站啊之类的,根据自己需求来选。然后进入安装目录,选择你当初删除分区的那个硬盘,应该是会在下面显示剩馀有效空间,如我的就是显示FREE 100GB。所以选择好这个盘符,选择自己分区,然后按照自己的喜好分区吧。我是采用了LVM默认的自动分配。然后分配完就可以执行安装了。安装的时候,可以注册一个用户名以及指定ROOT密码,这个日后有用。然后就是静待安装结束后出现的CENTOS7的界面吧。


网站更新日志-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