Permalink
Browse files

update: 手动指定代码类型

  • Loading branch information...
MOxFIVE committed Mar 30, 2016
1 parent eb3c270 commit 0ba2cbc3df33b17edec3a06fe6fe15a31c4158ee
@@ -35,13 +35,12 @@ permalink: EndNote-Markdown
1. 打开 EndNote → Preferences → 导入下载的 Reference Type.xml → 默认 type 选择“1.web” → 点确定退出;
![Reference-Type](/resources/Reference-Type.gif)
### 生成列表
1. 如下图,下拉列表切换为 Markdown List 样式,点新建文献按钮,填入作者、标题、日期和链接后保存;
![EndNote-item](/resources/EndNote-item.jpg)
1. 选取添加好的文献,右键选 Copy Formatted,在 Markdown 正文末尾加一个标题,把列表粘贴其下;
```
``` markdown
### 参考资料:
1. ***认识与入门 Markdown*** by **Te_Lee** on <code>2014/04/17</code>: <http://sspai.com/25137>
1. ***Markdown 语法说明*** by **riku** on <code>2012</code>: <http://wowubuntu.com/markdown/>
@@ -42,7 +42,7 @@ permalink: duoshuo-style
 3. 个人化 embed.js:
>`e.user_id` 的值修改为你的多说数字 ID。
```
``` js
function sskadmin(e) {
var ssk = '';
if (e.user_id == 你的多说数字ID)
@@ -55,8 +55,7 @@ function sskadmin(e) {
> 修改多说代码中的 `ds.src` 为你的 `embed.js` 地址;
> - 主题 [Yelee][2.1] 在 `yelee/layout/_partial/post/duoshuo.ejs` 里修改。
```
<script type="text/javascript">
``` js
var duoshuoQuery = {short_name:"<%=theme.duoshuo%>"};
(function() {
var ds = document.createElement('script');
@@ -69,15 +68,14 @@ var duoshuoQuery = {short_name:"<%=theme.duoshuo%>"};
(document.getElementsByTagName('head')[0]
|| document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
```
### 引入 [Font Awesome][2]
  这里介绍下最快捷的方式,把下面代码放入对应 HTML head 头部即可。例如 Hexo 博客主题的通常是在 layout 文件夹下的 Head 文件中引入 [[G]][2b]。
> 主题 [Yelee][2.1] 和 [Yilia][2.2] 已自带 Font Awesome,无需再引入。
```
``` html
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
```
@@ -88,7 +86,7 @@ var duoshuoQuery = {short_name:"<%=theme.duoshuo%>"};
  拷贝以下代码到多说 [后台自定义 CSS][2a] 框中保存。在网友分享基础上设置了透明度,没那么刺眼花哨了,顺便改了一下未识别 UA 的样式。
> CSS 有点繁琐,不清楚如何为这些 UA 设置 Class,只好一个个分开写了。
```
``` css
span.ua {
display: inline-block !important;
margin: auto 1px .3em !important;
@@ -324,7 +322,7 @@ span.ua {
[1.1]: /resources/root-label.png
  分别添加以下代码到你的 embed.js 文件和多说自定义 CSS ,自己多说账户的评论旁将显示博主标记。如果你用的是我上面提供的 [embed.js](/resources/embed.js),那修改好 `e.user_id` 时博主标记应该已经显示了。
```
``` js
/*博主标记: 添加到 embed.js*/
function sskadmin(e) {
var ssk = '';
@@ -344,7 +342,7 @@ function sskadmin(e) {
```
```
``` css
/*博主标记 CSS*/
.sskadmin {
background-color: #00a67c!important;
@@ -370,7 +368,7 @@ function sskadmin(e) {
![旋转头像](/resources/rotate.gif)
  源于网友分享,修改了旋转度数,动画时间,内边距。
```
``` css
/*头像样式*/
#ds-reset .ds-avatar{background:none !important; box-shadow:none !important;}
#ds-reset .ds-avatar img , #ds-thread #ds-reset ul.ds-children .ds-avatar img{width:50px !important;height: 50px !important;-webkit-transition: .9s;-moz-transition: .9s;-o-transition: .9s;-ms-transition: .9s;padding: 2px;border: 1px solid #ddd;background: #fff;}
@@ -382,7 +380,7 @@ function sskadmin(e) {
### 通用样式
  源于网友分享。
```
``` scss
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body{padding-left:70px !important;}
#ds-thread #ds-reset .ds-comment-body, #ds-thread #ds-reset ul.ds-children .ds-comment-body{padding-left:70px !important;}
.ds-post:hover{background:#eee !important;}
@@ -418,7 +416,7 @@ function sskadmin(e) {
### 喜欢按钮样式
  透明度,背景,边框等样式调整。
```
``` css
.ds-meta {
opacity: .5;
}
@@ -437,7 +435,7 @@ function sskadmin(e) {
### 社交账号登陆透明度
```
``` css
#ds-thread #ds-reset .ds-login-buttons {
opacity: .5;
}
@@ -449,7 +447,7 @@ function sskadmin(e) {
### 评论、文本框字体
  默认字体偏小,稍作调整。
```
``` css
#ds-thread #ds-reset .ds-comment-body p, #ds-thread #ds-reset .ds-textarea-wrapper textarea {
font-size: 1.15em;
color: #717171;
@@ -459,7 +457,7 @@ function sskadmin(e) {
### 用户名等超链接颜色
```
``` css
#ds-thread #ds-reset .ds-highlight {
color: #ef7c6c !important;
}
@@ -468,7 +466,7 @@ function sskadmin(e) {
### 未登录用户名字颜色
  颜色与其他登陆用户保持一致;
```
``` css
#ds-thread #ds-reset .ds-user-name {
color: #ef7c6c !important;
}
@@ -477,22 +475,22 @@ function sskadmin(e) {
### 评论框背景图片
  选择合适大小的图片即可,带透明背景的更好。
```
``` css
#ds-thread #ds-reset .ds-textarea-wrapper textarea {
background: url("/resources/Mihawk-s.png") bottom right no-repeat;}
```
### 评论框背景
```
``` css
#ds-thread #ds-reset .ds-textarea-wrapper {
background: rgba(255, 255, 255, .5);
}
```
### 工具栏背景
```
``` css
#ds-reset .ds-gradient-bg {
background: rgba(255, 255, 255, .5);
}
@@ -501,7 +499,7 @@ background: url("/resources/Mihawk-s.png") bottom right no-repeat;}
### "发布"按钮背景
  去掉背景图,修改底色,去掉文字阴影。
```
``` css
#ds-thread #ds-reset .ds-post-button {
background-image: none;
background: rgba(136, 172, 219, .2);
@@ -511,7 +509,7 @@ background: url("/resources/Mihawk-s.png") bottom right no-repeat;}
### 评论列表背景
```
``` css
#ds-thread #ds-reset li.ds-post {
background: rgba(255, 255, 255, .2);
}
@@ -522,7 +520,7 @@ background: url("/resources/Mihawk-s.png") bottom right no-repeat;}
### 评论数标签
```
``` css
#ds-thread #ds-reset li.ds-tab a.ds-current {
background: rgba(255, 255, 255, .2);
}
@@ -22,7 +22,7 @@ permalink: hexo-404-page
1. 打开刚新建的页面文件,默认在 Hexo 文件夹根目录下 `/source/404/index.md`
1. 在顶部插入一行,写上`permalink: /404`,这表示指定该页固定链接为 `http://"主页"/404.html`
```
``` yaml
title: 404 Not Found:该页无法显示
toc: false
comments: false
@@ -35,7 +35,7 @@ permalink: /404
> <http://moxfive.xyz/举个404页面栗子>
```
``` html
title: 404 Not Found:该页无法显示
toc: false
comments: false
@@ -22,7 +22,7 @@ permalink: hexo-tag-cloud
## 匹配页面
在主题文章的 layout 中合适位置插入下列 if 语句,让代码只在标签云页面生效。
```
``` actionscript
<!-- page.path 表示不含根路径的页面网址。还有数种方式可以匹配页面,在此不赘述。 -->
<% if (page.path === "tags/index.html"){ %>
<引入 tags 页面的代码>
@@ -31,7 +31,7 @@ permalink: hexo-tag-cloud
以主题 [Yelee][2] 为例,须在 `/layout/_partial/article.ejs`, div `article-entry` 中插入代码。
```
``` actionscript
<div class="article-entry" itemprop="articleBody">
<% if (post.excerpt && index){ %>
<%- post.excerpt %>
@@ -51,7 +51,7 @@ permalink: hexo-tag-cloud
[2]: https://github.com/MOxFIVE/hexo-theme-yelee "简而不减 Hexo 双栏博客主题"
[3]: https://hexo.io/zh-cn/docs/helpers.html#tagcloud "tagcloud: 插入标签云"
```
``` actionscript
<%- tagcloud({
min_font: 16,
max_font: 35,
@@ -63,10 +63,9 @@ permalink: hexo-tag-cloud
```
## 自定义样式
审查元素,按需修改相关样式。下面是目前本博客 [标签云页面](/tags) 所添加的代码,附上供参考。
{% codeblock /layout/_partial/article.ejs https://github.com/MOxFIVE/hexo-theme-yelee/commit/3a82bb65b325826b3f71cae10e39e5314ccb63cb tag cloud page %}
{% codeblock /layout/_partial/article.ejs lang:erb https://github.com/MOxFIVE/hexo-theme-yelee/commit/3a82bb65b325826b3f71cae10e39e5314ccb63cb tag cloud page %}
<% if (page.path === "tags/index.html"){ %>
<hr>
<br>
@@ -16,25 +16,25 @@ permalink: hexo-deployment
## 安装 Git 插件
Hexo 目前没有自带 Git 部署模块,需手动安装:
```
``` bash
npm install hexo-deployer-git --save
```
## 部署配置
将博客同时部署到 GitHub 和 GitCafe:
```
``` yaml
deploy:
type: git
message: [message]
repo:
github: <repository url>,[branch]
gitcafe: <repository url>,[branch]
```
```
<!-- 自用地址 -->
github: git@github.com:MOxFIVE/MOxFIVE.github.io.git,master
gitcafe: git@gitcafe.com:MOxFIVE/MOxFIVE.git,gitcafe-pages
``` yaml
# <!-- 自用地址 -->
github: git@github.com:MOxFIVE/MOxFIVE.github.io.git,master
gitcafe: git@gitcafe.com:MOxFIVE/MOxFIVE.git,gitcafe-pages
```
## Git 个人信息配置
@@ -46,8 +46,8 @@ git config --global user.name "用户名"
```
git config --global user.email "邮箱地址"
```
```
<!-- 自用配置 -->
``` yaml
# <!-- 自用配置 -->
git config --global user.name "MOxFIVE"
git config --global user.email "mo@outlook.com"
```
@@ -56,7 +56,7 @@ git config --global user.email "mo@outlook.com"
为了方便部署时跳过密码一步到位:
> 生成并进入 SSH 目录
```
``` dos
mkdir ~/.ssh
cd ~/.ssh
```
Oops, something went wrong.

0 comments on commit 0ba2cbc

Please sign in to comment.