├── .bundle └── config ├── .gitignore ├── 404.html ├── About.md ├── Gruntfile.js ├── Interview.html ├── LICENSE ├── README.md ├── Tools.md ├── Travel.md ├── _config.yml ├── _includes ├── alert ├── footer.html ├── gallery ├── head.html ├── list-collection ├── list-posts ├── nav.html └── next-previous-post-in-category ├── _layouts ├── default.html ├── gallery_index.html ├── gallery_page.html ├── page.html ├── pages.html └── post.html ├── _posts ├── 2015-08-19-Markdown-Syntax.md ├── 2015-10-23-Vim.md └── Template.md ├── css ├── bootstrap.css ├── bootstrap.min.css ├── clean-blog.css ├── clean-blog.min.css ├── sheet.css └── syntax.css ├── feed.xml ├── fonts ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2 ├── images ├── gallery-example-1-thumb.jpg ├── gallery-example-1.jpg ├── gallery-example-2-thumb.jpg ├── gallery-example-2.jpg ├── gallery-example-3-thumb.jpg ├── gallery-example-3.jpg ├── gallery-example-4-thumb.jpg ├── gallery-example-4.jpg ├── instagram │ ├── insta2.jpg │ ├── insta3.jpg │ ├── insta4.jpg │ ├── insta5.jpg │ ├── insta6.jpg │ └── insta7.jpg ├── mountain.jpg └── net.jpg ├── img ├── Themes │ ├── Balzac-for-Jekyll.jpg │ ├── BlogThemesX.jpg │ ├── Business-Casual.jpg │ ├── Centrarium.jpg │ ├── Clean-Blog.jpg │ ├── Clean.jpg │ ├── Feeling-Responsive.jpg │ ├── Freshman21.jpg │ ├── Hmfaysal-Omega-Theme.jpg │ ├── Kunka.jpg │ ├── Lanyon.jpg │ ├── Minimal-Mistakes.jpg │ ├── Rusty-Shutter.jpg │ ├── Scribble.jpg │ ├── Shiori.jpg │ ├── Slim-Pickins-Jekyll-Theme.jpg │ ├── So-Simple-Theme.jpg │ └── Twister-Jekyll-Theme.jpg ├── Zero.png ├── alone.jpg ├── autumn.jpg ├── autumn2.jpg ├── bay.jpg ├── birds.jpg ├── dolphin.gif ├── elephant.jpg ├── fantasy.jpg ├── favicon.ico ├── favicon.png ├── grass.jpg ├── hacker.png ├── plane.jpg ├── plane2.jpg ├── seagulls.jpg ├── sky2.jpg ├── tree.jpg └── umbrella.jpg ├── index.html ├── js ├── bootstrap.js ├── bootstrap.min.js ├── clean-blog.js ├── clean-blog.min.js ├── jquery.js └── jquery.min.js ├── less ├── clean-blog.less ├── mixins.less └── variables.less ├── package.json ├── photos └── Instagram │ ├── _I_think_there_is_a_deep_well_of_emotion_in_us_that_gets_tapped_when_we_are_confronted_with_the_beauty_of_nature___says_Bridget_Beth_Collins___flora.forager_._The_Seattle-based_botanical_artist_reconstructs_the_blooms_of_nature_into_designs__creature.jpg │ ├── __Photo_by__my_cat_pippin________________________Want_to_be_featured_next___Upload_your_photos_on_my_social_network__soon_to_be_an_app__www.fuzmo.com________________________Check_out_my_other_accounts__insta_dog__puppytagss__animal_view____by_insta_a.jpg │ ├── __Summer......_by_thegoodly.jpg │ ├── _______________________Photo_credit__aperkylife________________________Want_to_be_featured_next___Upload_your_photos_on_my_new_social_network_www.fuzmo.com________________________Check_out_my_other_accounts__insta_dog__puppytagss__animal_view________.jpg │ ├── _______________________Photo_credit__kingcavclove________________________Want_to_be_featured_next___Upload_your_photos_on_my_new_social_network_www.fuzmo.com__link_is_in_my_bio_________________________Check_out_my_other_accounts__insta_dog__puppytags.jpg │ ├── _______by_halno.jpg │ ├── _____by_seipuorg.jpg │ ├── ____by_joez19.jpg │ ├── ___by_gemyu7.jpg │ ├── ___frame___by_joez19.jpg │ ├── _berlin__m_ggelsee_by_aufgetaucht.jpg │ ├── _by_hirozzzz.jpg │ ├── _by_kikepop (1).jpg │ └── _by_paul_johnstone.jpg ├── tags.html └── 游戏.png /.bundle/config: -------------------------------------------------------------------------------- 1 | --- 2 | BUNDLE_WITHOUT: production 3 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | _site 2 | node_modules -------------------------------------------------------------------------------- /404.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | header-img: "img/fantasy.jpg" 4 | description: "在遙遠的地方 一切虔誠終必相遇" 5 | permalink: 404.html 6 | --- 7 | 8 | 16 | 17 | 23 | 24 |
         
25 | ---x-----mm--
26 |       /^(  )^\
27 |       \,(..),/        Oops...
28 |         V~~V                     
29 | 一定是发生了什么可怕的事情....
30 |     
31 | 32 | -------------------------------------------------------------------------------- /About.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: "About" 4 | description: "嘿,你总算找到我啦" 5 | header-img: "img/plane.jpg" 6 | --- 7 | 8 |
9 |

10 |
11 | 12 | Ehhhh...I know it's not a good question. 13 | 14 | My Name is Azeril. You may find me in sites like douban.com / Goodreads.com / Facebook / Instagram / Twitter / Weibo.com, so on and so forth. It’s easy to know me. My short name is Az., quite easy to remember, right? 15 | 16 | 喜欢折腾的伪技术宅。一点点 geek,一丢丢的执著,就像吃烧烤时多少会撒一点孜然,恰到好处就够。日常之中,多的是折腾劲,也希望能添几分专注、几许勇敢。这就是我。 17 | 18 | ——Azeril 19 | 20 | 21 | > Live long and prosper 22 | 23 |
24 |

25 |
26 | -------------------------------------------------------------------------------- /Gruntfile.js: -------------------------------------------------------------------------------- 1 | module.exports = function(grunt) { 2 | 3 | // Project configuration. 4 | grunt.initConfig({ 5 | pkg: grunt.file.readJSON('package.json'), 6 | uglify: { 7 | main: { 8 | src: 'js/<%= pkg.name %>.js', 9 | dest: 'js/<%= pkg.name %>.min.js' 10 | } 11 | }, 12 | less: { 13 | expanded: { 14 | options: { 15 | paths: ["css"] 16 | }, 17 | files: { 18 | "css/<%= pkg.name %>.css": "less/<%= pkg.name %>.less" 19 | } 20 | }, 21 | minified: { 22 | options: { 23 | paths: ["css"], 24 | cleancss: true 25 | }, 26 | files: { 27 | "css/<%= pkg.name %>.min.css": "less/<%= pkg.name %>.less" 28 | } 29 | } 30 | }, 31 | banner: '/*!\n' + 32 | ' * <%= pkg.title %> v<%= pkg.version %> (<%= pkg.homepage %>)\n' + 33 | ' * Copyright <%= grunt.template.today("yyyy") %> <%= pkg.author %>\n' + 34 | ' * Licensed under <%= pkg.license.type %> (<%= pkg.license.url %>)\n' + 35 | ' */\n', 36 | usebanner: { 37 | dist: { 38 | options: { 39 | position: 'top', 40 | banner: '<%= banner %>' 41 | }, 42 | files: { 43 | src: ['css/<%= pkg.name %>.css', 'css/<%= pkg.name %>.min.css', 'js/<%= pkg.name %>.min.js'] 44 | } 45 | } 46 | }, 47 | watch: { 48 | scripts: { 49 | files: ['js/<%= pkg.name %>.js'], 50 | tasks: ['uglify'], 51 | options: { 52 | spawn: false, 53 | }, 54 | }, 55 | less: { 56 | files: ['less/*.less'], 57 | tasks: ['less'], 58 | options: { 59 | spawn: false, 60 | } 61 | }, 62 | }, 63 | }); 64 | 65 | // Load the plugins. 66 | grunt.loadNpmTasks('grunt-contrib-uglify'); 67 | grunt.loadNpmTasks('grunt-contrib-less'); 68 | grunt.loadNpmTasks('grunt-banner'); 69 | grunt.loadNpmTasks('grunt-contrib-watch'); 70 | 71 | // Default task(s). 72 | grunt.registerTask('default', ['uglify', 'less', 'usebanner']); 73 | 74 | }; 75 | -------------------------------------------------------------------------------- /Interview.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | header-img: "img/birds.jpg" 4 | description: "在遙遠的地方 一切虔誠終必相遇" 5 | --- 6 | 7 | 8 | 9 | 10 | 11 | 12 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "{}" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright 2013-2015 Iron Summit Media Strategies, LLC 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | 203 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Microdust 微尘 2 | 3 | This is a blog created by Azeril. The blog is live at [azeril.me](http://azeril.me/). 4 | 5 | ## Thanks 6 | 7 | The blog used many tool/service,many thanks to: 8 | 9 | * [Github](https://github.com/), all the data based on; 10 | * [Git](https://git-scm.com/), blogs and code files version control system; 11 | * [Jekyll](http://jekyllrb.com/), a static site generator; 12 | * [Clean Blog Theme](https://github.com/IronSummitMedia/startbootstrap-clean-blog-jekyll), a theme by Start Bootstrap; 13 | * [Markdown](https://daringfireball.net/projects/markdown/), a beautiful lightweight markup language. 14 | * [DNSPod](https://www.dnspod.cn/), the DNS service provider who surport the domain name resolution; 15 | * [Duoshuo](http://duoshuo.com/), a socialization comments plugin. 16 | * [Google](http://google.com), the one who tell me how to make it. 17 | * … 18 | 19 | ## How To Creat A Jekyll Blog 20 | 21 | [Build-Your-First-GitHub-Pages-Blog](http://azeril.me/blog/Build-Your-First-GitHub-Pages-Blog.html) 22 | 23 | Build your blog Step by step 24 | ## Just write 25 | 26 | Start writing now! 27 | -------------------------------------------------------------------------------- /Tools.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: "Tools" 4 | description: "我的小小工具箱" 5 | header-img: "img/autumn.jpg" 6 | --- 7 | 8 | 9 | ### Rule 10 | 11 | [W3C Editor's Draft](http://w3c.github.io/clreq/#glyphs_sizes_and_positions_in_character_faces_of_punctuation_marks) 中文排版 12 | 13 | [AQicn](http://aqicn.org/city/) PM2.5 14 | 15 | [StateAir](http://stateair.net/) U.S. Department of State Air Quality Monitoring Program 16 | 17 | ### Tools 18 | 19 | [Homebrew](http://brew.sh/) software package management 20 | 21 | [Dillinger](http://dillinger.io/) 22 | 23 | [StackEdit](https://stackedit.io/editor#) 24 | 25 | [Color-hex Color-Codes](http://www.color-hex.com/) 26 | 27 | [Screen rule](http://azeril.me/Screenrule/) 28 | 29 | [Interview](http://azeril.me/Interview/) 30 | 31 | [Strut.io](http://strut.io/) 32 | 33 | ### Service 34 | 35 | [GitHub](https://github.com/) 36 | 37 | [Google Analytics](https://analytics.google.com/analytics/web/) 38 | 39 | [Dropbox](https://www.dropbox.com/) Offline version:[Download](https://www.dropbox.com/downloading?plat=mac&full=1) 40 | 41 | [Qiniu](http://qiniu.com) 42 | 43 | [Imgur](http://imgur.com/) 44 | 45 | [Photobucket](photobucket.com) 46 | 47 | [PasswordMeter](http://www.passwordmeter.com) 48 | 49 | [Evernote](https://www.evernote.com/) 50 | 51 | [IFTTT](https://ifttt.com/) 52 | 53 | [NeteaseMusic](http://music.163.com/) 54 | 55 | [Duolingo](duolingo.com) Language Learning 56 | 57 | [ChromeSync](https://www.google.com/settings/chrome/sync) Chrome 同步设置 58 | 59 | [Alexa](http://www.alexa.com/) 网站查询 60 | 61 | [Archive.org](http://archive.org/web/web.php) 时光机 62 | 63 | ### Convert 64 | 65 | [jp2a](https://csl.name/jp2a/) JPEG to ASCII converter 66 | 67 | [Shorten](http://www.waqiang.com/index.php/url/shorten) 网址转换 68 | 69 | [Damotou](http://www.damotou.com/index.php) 在线转换工具 Icon 图标 70 | 71 | [Convertio](https://convertio.co/zh/csv-xls/) 在线转换 csv2xls (消除中文字符乱码) 72 | 73 | [直書](http://antiintelgather.github.io/) 橫轉直排版 74 | 75 | [Speedyshare](http://www.speedyshare.com/) 在线文件分享 76 | 77 | [Feedex](http://feedex.net/) Rss 烧录 78 | 79 | [ClipConverter](http://www.clipconverter.cc/) 转换和下载 Youtube 视频 80 | 81 | [Worditout](http://worditout.com/) Tags Cloud 82 | 83 | [草料二维码生成器](http://cli.im/) 84 | 85 | ### Resources 86 | 87 | [IT-eBooks](http://it-ebooks.info/) 88 | 89 | [Library Genesis](http://gen.lib.rus.ec/) 90 | 91 | [bookfi.org](http://en.bookfi.org/) 92 | 93 | [Mobilism](http://forum.mobilism.org/viewforum.php?f=120&sid=5d7797456253aa3d63635b4f492ad1ce) 94 | 95 | [康熙字典](http://www.zdic.net/z/kxzd/) 96 | 97 | ### Just Try 98 | 99 | [Rainy Mood](http://www.rainymood.com/) 100 | 101 | [Sad for Japan](http://www.sadforjapan.com/) 102 | 103 | [Norse IPViking Live](http://map.ipviking.com/) 104 | 105 | [Random.org](https://www.random.org/) 106 | 107 | [Breathing Earth](http://www.breathingearth.net/) 108 | 109 | [360° Aerial Panorama](http://www.airpano.com/) 3D Virtual Tours Around the World 110 | 111 | [Global Language Network](http://language.media.mit.edu/visualizations/books) 112 | 113 | [iPanda](http://live.ipanda.com/) Panda live 114 | 115 | [The Scale of Universe2](http://htwins.net/scale2/) 116 | 117 | 118 | -------------------------------------------------------------------------------- /Travel.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: "Travel" 4 | description: "路与风景" 5 | header-img: "img/plane2.jpg" 6 | --- 7 | 8 | 9 | 10 | 我的 [蝉游记](http://chanyouji.com/users/448398) -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Site settings 2 | title: Microdust 3 | header-img: "img/autumn2.jpg" 4 | tagline: "吉光片羽" 5 | description: "在遙遠的地方 一切虔誠終必相遇" 6 | baseurl: "" 7 | # url: "http://azeril.me" 8 | # url: "http://localhost:4000" 9 | 10 | url: http://stardust.cat 11 | # enforce_ssl: 12 | 13 | # About/contact 14 | owner: 15 | name: "Azeril" 16 | email: azeril@live.cn 17 | bio: "明朝即長路 惜取此時心" 18 | 19 | # Data 20 | gavatar: https://dreamofbook.qiniudn.com/Az..png 21 | favicon: img/favicon.ico 22 | 23 | douban_username: Azeril 24 | twitter_username: Azeril_Lapland 25 | github_username: Azeril 26 | facebook_username: Azeril_Lapland 27 | weibo_username: Azeril 28 | zhihu_username: Azeril 29 | 30 | # Build settings 31 | # use Github Flavored Markdown !important 32 | # document: http://jekyllrb.com/docs/configuration/#kramdown 33 | markdown: kramdown 34 | kramdown: 35 | input: GFM 36 | highlighter: rouge 37 | 38 | gems: 39 | ## - jekyll-gallery-generator 40 | - jekyll-paginate 41 | permalink: none 42 | paginate: 8 43 | exclude: ["less","node_modules","Gruntfile.js","package.json","README.md"] 44 | 45 | # http://en.wikipedia.org/wiki/List_of_tz_database_time_zones 46 | timezone: Asia/Shanghai 47 | 48 | # Title 49 | 50 | 51 | # Defaults for posts 52 | defaults: 53 | - 54 | scope: 55 | path: "" 56 | type: "posts" 57 | values: 58 | layout: "post" 59 | author: "Azeril" 60 | header-img: "img/fantasy.jpg" # We don't want posts without a header image, that whould mean white on white 61 | 62 | 63 | # Comments 64 | comments : 65 | provider : duoshuo 66 | duoshuo : 67 | short_name : Azeril 68 | disqus : 69 | short_name : Azeril 70 | 71 | # Analytics and webmaster tools stuff goes here 72 | google_analytics: UA-66863061-1 73 | google_verify: 74 | # https://ssl.bing.com/webmaster/configure/verify/ownership Option 2 content= goes here 75 | bing_verify: 76 | 77 | # Links to include in footer navigation 78 | -------------------------------------------------------------------------------- /_includes/alert: -------------------------------------------------------------------------------- 1 | {% comment %} 2 | * 3 | * This include lets you easily display an alert. To use this include no `.html` ending is necessary. 4 | * 5 | * You can use the following kinds of alerts: 6 | * 7 | * - warning (foundation built-in) 8 | * - info (foundation built-in) 9 | * - success (foundation built-in) 10 | * - alert (foundation built-in) 11 | * - text (foundation built-in) 12 | * - terminal (custom, see Alerts in _sass/_09_elements.scss) 13 | * - ... (define your own: .alert-box. { @include alert-style();) 14 | * 15 | * You can even use markdown and -tags inside the alert, but beware to use " and ' properly; for example: 16 | * 17 | * {% include alert info='Show an info alert with outstanding information.' %} 18 | * 19 | * {% include alert info='Show an info alert with *outstanding* [information](#info).' %} 20 | * 21 | * {% include alert info='Show an info alert with *outstanding* information.' %} 22 | * 23 | * You can also call for additional classes to be put on the alert div: 24 | * 25 | * {% include alert success="Yay! you did it!" classes='round' %} 26 | * 27 | {% endcomment %} 28 | {% for entry in include %} 29 | {% if entry[0] == 'classes' %}{% continue %}{% endif %} 30 |
{{ entry[1] | markdownify }}
31 | {% endfor %} 32 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 117 | 118 | -------------------------------------------------------------------------------- /_includes/gallery: -------------------------------------------------------------------------------- 1 | {% comment %} 2 | * 3 | * This include lets you easily embed a gallery into your post. 4 | * To use the gallery include you... 5 | * 6 | * 1. ...need two images: a thumbnail and a big image. 7 | * 2. Name the thumbnail gallery-image-thumb.jpg and... 8 | * 3. ...name the big gallery-image.jpg 9 | * 4. Define the big version in frontmatter, 10 | * 11 | * gallery: 12 | * - image_url: gallery-image.jpg 13 | * 14 | * 5. Give your image a caption – works without captions, too. 15 | * 16 | * gallery: 17 | * - image_url: gallery-image.jpg 18 | * caption: Starting Page with huge One Logo 19 | * 20 | * 6. Add the include whereever you want in your content like this: 21 | * 22 | * {% include gallery %} 23 | * 24 | * Check out the example page › http://phlow.github.io/feeling-responsive/design/gallery/ 25 | * 26 | {% endcomment %} 27 |
28 |
    29 | {% for item in page.gallery %} 30 | {% capture url %}{{ item.image_url }}{% endcapture %} 31 | {% assign split_url = url | split: '.' %} 32 | {% capture thumb_url %}{{split_url[0]}}-thumb.{{split_url[1]}}{% endcapture %} 33 |
  • 34 | {% endfor %} 35 |
36 |
-------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.title }}{% endif %} 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /_includes/list-collection: -------------------------------------------------------------------------------- 1 | {% comment %} 2 | * 3 | * This include lets you loop through a collection to list 4 | * all entries in that collection. 5 | * 6 | * If you set »published: false« in front matter of a collection page 7 | * the page gots filtered out via unless 8 | * 9 | * Example: {% include list-collection ollection='wordpress' %} 10 | * 11 | {% endcomment %} 12 | 13 | 21 | -------------------------------------------------------------------------------- /_includes/list-posts: -------------------------------------------------------------------------------- 1 | {% comment %} 2 | * 3 | * Possible parameter for this loop: 4 | * 5 | * › entries 6 | * › offset 7 | * › category 8 | * › tag 9 | * 10 | * Example for Category: {% include list-posts entries='3' offset='1' category='design' %} 11 | * 12 | * Example for Tag: {% include list-posts entries='5' tag='terminal' %} 13 | * 14 | * 15 | * This loop works like this: 16 | * 17 | * 1. First we check if there was given a category for filtering › if include.categories == NULL 18 | * 2. If no category is given for filtering do a general loop. 19 | * 3. If a category/tag was given, assign category/tag to the variable category/tag › assign category = include.categories 20 | * 21 | {% endcomment %} 22 | 23 | 24 | 25 | {% assign category = include.category %} 26 | {% assign tag = include.tag %} 27 | 53 | 54 | -------------------------------------------------------------------------------- /_includes/nav.html: -------------------------------------------------------------------------------- 1 | 2 | 33 | -------------------------------------------------------------------------------- /_includes/next-previous-post-in-category: -------------------------------------------------------------------------------- 1 | {% comment %} 2 | * 3 | * This include creates a next/previous link to a post of the same category 4 | * using the categories-variable in front matter. 5 | * 6 | * Use › {% include next-previous-post-in-category %} 7 | * 8 | {% endcomment %} 9 | 10 | 11 | {% comment %} 12 | * 13 | * assign FIRST category from categories variable from front matter to cat 14 | * and make a string from the array by using › join: '' 15 | * 16 | {% endcomment %} 17 | 18 | {% assign cat = page.categories | first | join: '' %} 19 | {% for post in site.categories.[cat] %} 20 | {% if post.url == page.url %} 21 | {% assign post_index0 = forloop.index0 %} 22 | {% assign post_index1 = forloop.index %} 23 | {% endif %} 24 | {% endfor %} 25 | {% for post in site.categories.[cat] %} 26 | {% if post_index0 == forloop.index %} 27 | {% assign next_post = post.url %} 28 | {% endif %} 29 | {% if post_index1 == forloop.index0 %} 30 | {% assign prev_post = post.url %} 31 | {% endif %} 32 | {% endfor %} 33 | {% if next_post %} 34 | {{ site.data.language.next_post_in }} {{ cat | upcase }} 35 | {% endif %} 36 | {% if prev_post %} 37 | {{ site.data.language.previous_post_in }} {{ cat | upcase }} 38 | {% endif %} 39 | 40 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% include head.html %} 5 | 6 | 7 | 8 | {% include nav.html %} 9 | 10 | {{ content }} 11 | 12 | {% include footer.html %} 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /_layouts/gallery_index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 15 | {% for gallery in page.galleries %} 16 | 23 | {% endfor %} 24 | -------------------------------------------------------------------------------- /_layouts/gallery_page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | --- 4 | 21 |

{{ page.title }}

22 |
23 | {% for image in page.images %} 24 | 30 | {% endfor %} 31 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | 6 |
7 |
8 |
9 |
10 |
11 |

{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}

12 |
13 | {{ page.description }} 14 |
15 |
16 |
17 |
18 |
19 | 20 | 21 |
22 |
23 |
24 | {{ content }} 25 |
26 |
27 |
28 | 29 |
30 | -------------------------------------------------------------------------------- /_layouts/pages.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 |
6 |
7 |
8 |
9 | {% if page.image.title %} 10 |
11 | {{ page.title escape_once }} 12 | 13 | {% if page.image.caption_url && page.image.caption %} 14 |
15 | {{ page.image.caption }} 16 |
17 | {% elsif page.image.caption %} 18 |
19 | {{ page.image.caption }} 20 |
21 | {% endif %} 22 |
23 | {% endif %} 24 | 25 |
26 | {% if page.subheadline %}

{{ page.subheadline }}

{% endif %} 27 |

{{ page.title }}

28 |
29 |
30 | 31 | 32 | {% if page.teaser %} 33 |

34 | {{ page.teaser }} 35 |

36 | {% endif %} 37 | 38 |
39 | {{ content }} 40 |
41 | 42 |
43 |
44 | 45 | 46 |
47 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | 6 | 11 |
12 |
13 |
14 |
15 |
16 |
17 | {% for tag in page.tags %} 18 | {{ tag }} 19 | {% endfor %} 20 |
21 |

{{ page.title }}

22 | {% if page.subtitle %} 23 |

{{ page.subtitle }}

24 | {% endif %} 25 | Posted by {% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif %} on {{ page.date | date: "%B %-d, %Y" }} 26 |
27 |
28 |
29 |
30 |
31 | 32 | 33 |
34 |
35 |
36 |
37 | 38 | {{ content }} 39 | 40 |
41 | 42 | 43 | Creative Commons License
This work is licensed under a CC A-S 4.0 International License. 44 | 45 |
46 | 47 |
    48 | {% if page.previous.url %} 49 | 52 | {% endif %} 53 | {% if page.next.url %} 54 | 57 | {% endif %} 58 |
59 | 60 | 61 | 72 | 73 |
78 |
79 | 86 |
87 |
88 |
89 |
90 |
91 | 92 | 93 | 94 | 95 | 96 | 97 |
98 |
99 |
100 | 101 |
102 |
103 |
104 |
105 | 106 | 107 | 108 | 109 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 137 | 138 | 139 | 149 | 160 | -------------------------------------------------------------------------------- /_posts/2015-08-19-Markdown-Syntax.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Markdown 简明语法参考 4 | categories: [blog ] 5 | tags: [Mac, ] 6 | description: 这是一份基本版的 Markdown 语法清单 7 | --- 8 | 9 | ## Markdown 概述 10 | 11 | Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 12 | —— [维基百科](https://zh.wikipedia.org/wiki/Markdown) 13 | 14 | Markdown 语法是对纯文本格式的强化,能使文本显示得更清晰、有条理。但它依旧算是简单的文本,很容易修改和扩展,常用于快速写作中。 15 | 16 | 所见即所得。不少 MD 编辑器有极强的实时预览渲染,可以让写作者及时看到自己写作的内容显示效果并对此做出调整。 17 | 18 | Markdown 格式的简洁特性、兼容扩展性颇佳,使之能快速转换为各种互联网上的常用格式,比如 HTML、Word、PDF 等。目前,越来越多的人开始接受和使用它。 19 | 20 | ## Markdown 编辑器 21 | 22 | 常见及常用的 Markdown 编辑器很多,比如: 23 | 24 | * [MacDown](http://macdown.uranusjr.com/) 25 | * [Typora](http://typora.io/) 26 | 27 | 此外还有(收费为主): 28 | 29 | * [Scrivener](http://www.literatureandlatte.com/scrivener.php) 30 | * [Typed](http://realmacsoftware.com/typed/) 31 | * [ 32 | ](https://ia.net/writer/mac/) 33 | * [Byword](http://bywordapp.com/) 34 | * [Marked 2](http://marked2app.com/) 35 | * [Ulysses](http://www.ulyssesapp.com/) 36 | * [Marboo](http://marboo.io/) 37 | * [Mou](http://25.io/mou/) 38 | 39 | 以及支持 Markdown 的优质在线编辑器: 40 | 41 | * [马克飞象](http://maxiang.info/) 42 | * [Dillinger](http://dillinger.io/) 43 | * [StackEdit](https://stackedit.io/) 44 | * [Markable](http://markable.in/editor/) 45 | 46 | 入门编辑器推荐第一序列的 MacDown,其它编辑器可以等熟悉 Markdown 之后再自行探索。 47 | 48 | 49 | 50 | # Markdown 语法 51 | 52 | 关于 Markdown 的基本语法,这里将逐一说明。对于一些写作中一般不算常用(不好用)的表格及代码展示,不多说明。 53 | 54 | 基本所有以下涉及的标点都以在英文输入状态下的为准。不然会导致语法失效。 55 | 56 | 先看一个包含了蛮多基本语法的范例。 57 | 58 | ![Markdown](http://dreamofbook.qiniudn.com/Markdown-Sample.png) 59 | 60 | 关于语法,让我们先从在文中起到分清区块、梳理逻辑关系的标题说起: 61 | 62 | ## 标题 63 | 64 | # 一级标题 65 | ## 二级标题 66 | ### 三级标题 67 | #### 四级标题 68 | ##### 五级标题 69 | 70 | 显示效果如下: 71 | 72 | # 这是一级标题 73 | ## 俺,二级标题 74 | ### 我是三级标题 75 | #### 人家只是个四级标题…… 76 | ##### 更小的我,五级标题 XD 77 | ###### Github 支持的最小的可以我(哪里冒出来的) 78 | *** 79 | 80 | ## 换行 81 | 82 | Markdown 语法下,换行的方式有: 83 | 84 | 1. 隔行换行。连续敲击两下「Return」键,再开始写下一段; 85 | 2. 在行末添加两个空格符,而后「Return」(为了显示清晰),开始写下一段。 86 | 87 | ## 强调标记 88 | 89 | *斜体* 斜体 90 | _斜体_ 91 | 92 | **加粗** 加粗 93 | __粗体_ 94 | 95 | 对于强调符号,需要注意的就是,以什么开始,以什么结尾,数量也保持一致,相应的语法才能生效。 96 | 97 | 显示效果如下: 98 | 99 | 这是 *斜体* 100 | 101 | 这是 **强调** 102 | 103 | ## 分割线 Partition Line 104 | 105 | *** 加分割线 106 | * * * 加分割线 107 | ***** 或者这样? 108 | --- 还有另外的方式 109 | ___ 其实,还可以这样 110 | 111 | 以下就是一条分割线: 112 | 113 | *** 114 | 115 | ## 列表 116 | 117 | 列表分无序列表合有序列表两类,前者以「*」、「-」、「+」开头,后者以阿拉伯数字「1」开头。 118 | 119 | 三个注意点: 120 | 121 | 1. 如果前面有内容,在输入字符前,应先空一行; 122 | 2. 符号与内容之间,须隔一个空格符,列表模式才能生效; 123 | 3. 第一行内容输入完成,换行会自动补全下一行的开头符号(有序列表数字递增,无序列表符号不变),接下去只需继续输下一行内容,以此类推; 124 | 4. 多层级列表,为美观也为减少出错考虑,注意同级列表符号的统一和上下对齐。 125 | 126 | 无序列表: 127 | 128 | Unordered List: 129 | 130 | * English 131 | * Japanese 132 | * Chinese 133 | * …… 134 | 135 | Unordered List: 136 | 137 | - English 138 | - Japanese 139 | - Chinese 140 | - …… 141 | 142 | 显示效果均如下: 143 | 144 | Country List: 145 | 146 | * English 147 | * Japanese 148 | * Chinese 149 | * …… 150 | 151 | 152 | 有序列表: 153 | 154 | Ordered List: 155 | 156 | 1. Orange 157 | 2. Apple 158 | 3. Banana 159 | 160 | My Favorite Fruit List: 161 | 162 | 1. Orange 163 | 2. Apple 164 | 3. Banana 165 | 166 | 多层级列表: 167 | 168 | 两都名胜 169 | 170 | - 南京 171 | + 玄武湖 172 | + 中山陵 173 | + 鸡鸣寺 174 | - 杭州 175 | + 西湖 176 | * 苏堤 177 | * 湖心亭 178 | * 太子湾 179 | + 九溪 180 | + 灵隐 181 | 182 | 注:此处的几个符号作用都是一样的,不同层级符号有所区别只为显示美观。日常使用,请每一级的符号一致。 183 | 184 | 显示效果如下: 185 | 186 | 两都名胜 187 | 188 | - 南京 189 | + 玄武湖 190 | + 中山陵 191 | + 鸡鸣寺 192 | - 杭州 193 | + 西湖 194 | * 苏堤 195 | * 湖心亭 196 | * 太子湾 197 | + 九溪 198 | + 灵隐 199 | 200 | *** 201 | 202 | ## 引用 Quote 203 | 204 | 引用。使用「>」,添加在每行的开头。 205 | 206 | 两个注意点: 207 | 208 | 1. 「>」的上一行,必须为空行; 209 | 2. 「>」与其后紧跟的第一个字之间有无空格符不影响效果(不过建议加一个)。 210 | 211 | 显示效果如下: 212 | 213 | 詹姆斯·馬奇《馬奇論管理》: 214 | 215 | > 堂吉诃德提醒我们,如果我們只在不被辜負時去信任,只在有所回報時去愛,只在學有所用時去學習,那麼我們就放棄了為人的特征——願意在自我理念的名義下行動,不管結果如何。 216 | 217 | 或者,你想要引用一首诗、一首歌: 218 | 219 | > 五月天《天使》 220 | 221 | > 像孩子依赖着肩膀 222 | > 像眼泪依赖着脸庞 223 | > 你就像天使一样 224 | > 给我依赖 给我力量 225 | 226 | 这儿也需要注意换行:每一行最后换行,添加两个空格符,不然内容会挤压在一块,变成一行。或者行与行之间,空一行。以下例子中,歌词部分输入时虽然都分列开,而实际显示时歌词都连成一句了。 227 | 228 | > 五月天《天使》 229 | > 230 | > 像孩子依赖着肩膀 231 | > 像眼泪依赖着脸庞 232 | > 你就像天使一样 233 | > 给我依赖 给我力量 234 | 235 | 每句歌词的行尾空两格之后,效果是这样的: 236 | 237 | > 五月天《天使》 238 | > 239 | > 像孩子依赖着肩膀 240 | > 像眼泪依赖着脸庞 241 | > 你就像天使一样 242 | > 给我依赖 给我力量 243 | 244 | 如果是想嵌套引用,像这样: 245 | 246 | > 浙江 247 | >> 杭州 248 | >>> 西湖 249 | >>>> 湖心亭 250 | 251 | 博客默认的 Markdown 工具有点问题,效果如下图: 252 | 253 | ![嵌套引用](http://i1381.photobucket.com/albums/ah234/Azeril_Lapland/Screen%20Shot%202015-08-30%20at%209.26.17%20PM_zpsg0ojze8c.png) 254 | 255 | 语法如下,每行多添加一个「>」符号,再输入文字内容即可(每行行尾记得添两个空格符): 256 | 257 | > 浙江 258 | >> 杭州 259 | >>> 西湖 260 | >>>> 湖心亭 261 | 262 | 263 | ## 代码区 264 | 265 | 也就是 Blockquotes。 266 | 267 | 如果行尾不空格呢有没其它解决方法呢?如果是这样—— 268 | 269 | 风吹柳絮 270 | 271 | 《麦兜当当伴我心》插曲 272 | 273 | 风吹柳絮 茫茫难聚 274 | 随着风吹 飘来飘去 275 | 我若能够携你随风去 276 | 277 | 我愿像一块扣肉 278 | 我愿像一块扣肉 279 | 我愿像一块扣肉 280 | 扣住你梅菜扣住你手 281 | 282 | 我愿像一块扣肉 283 | 我愿像一块扣肉 284 | 我是你一块扣肉 285 | 你是那梅菜扣住你手 286 | 287 | 这里的方法是首行开头缩进四个空格符,或敲一下 tab 键(制表符键)。 288 | 289 | 还有一个方法。连续三个反引号「`」组成的前后两行,将内容包裹起来。 290 | 291 | 292 | 显示效果如下: 293 | 294 | ``` 295 | 这是另一个代码区块 296 | ``` 297 | 298 | 在代码区块中,Markdown 语法不会被转换,这也是为什么前面很多 Markdown 语法的例子能在代码区展示出来的缘故。不然这样一篇以 Markdown 语法解释 Markdown 语法的说明也无从谈起了。 299 | 300 | 嗯...嗯? 301 | 302 | 反引号的输入:英文输入模式下,点击键盘左上角的「~」键。 303 | 304 | 305 | ## 标记 306 | 307 | 标记小段代码(文字)。为着重强调的内容添加深色背景框,在内容前后各添一个反引号「`」,将代码段或文字夹在中间即可实现。 308 | 309 | 显示效果如下: 310 | 311 | 1. Use the `printf()` function. 312 | 2. 这是加深背景色框的`字符`。 313 | 314 | *** 315 | 316 | ## 网址链接 317 | 318 | ### 自动链接 319 | 320 | 使用「<」、「>」这样的尖角符号,url/email 在 Markdown 下可自动实现可点击链接的效果。 321 | 322 | 323 | 324 | 显示效果如下: 325 | 326 | 327 | 328 | ### 网址链接 329 | 330 | 至于网址链接的基本格式,应该是这样: 331 | 332 | [Link Name](Link) 333 | 334 | 构成为: 335 | 336 | * 一个方括号,添加图片的描述文字 337 | * 一个括号,添加图片网址 338 | 339 | 以下为一个网址的栗子: 340 | 341 | [Welcome to my blog](http://azeril.me) 342 | 343 | 显示效果如下: 344 | 345 | [Welcome to my blog](http://azeril.me) 346 | 347 | ### 索引链接 348 | 349 | 内容描述后添加定义链接(以数字/英文/符号为主),在文字段落外关联具体网址,实现可跳转效果。 350 | 351 | [Click Google Search][Tags] 352 | 353 | [Tags]: http://www.google.com "Google" 354 | 355 | 显示效果如下: 356 | 357 | [Click Google Search][Tags] 358 | 359 | [Tags]: http://www.google.com "Google" 360 | 361 | ## 添加图片 362 | 363 | 插入图片的语法: 364 | 365 | ![Pic name](Pic link) 366 | ![Instagram Pic](http://i.imgur.com/UKhrRrK.jpg) 367 | 368 | * 一个英文输入下的惊叹号「!」; 369 | * 一个方括号,添加图片的描述文字; 370 | * 一个括号,添加图片网址。 371 | 372 | 相比插入网址链接,多了一个开头的惊叹号。 373 | 374 | 显示效果如下: 375 | 376 | ![Instagram Pic](http://i.imgur.com/UKhrRrK.jpg) 377 | 378 | ## 添加表格 379 | 380 | |Title |Title 1|Title 2|Title 3| 381 | |---|---:|:---:|---:| 382 | | A|B|C|D| 383 | 384 | 显示效果如下: 385 | 386 | |Province | ZJ 浙江省 | FJ 福建省 | YN 云南省 | 387 | |---|:-----|:-----:|-----:| 388 | |省会|杭州|厦门|昆明| 389 | 390 | 一般的表格由「|」与「-」两种符号(英文半角字符)构成。第一、三及其后的行都由「|」组成。依数据的列数确定数量(列数据量 +1)。 391 | 第二行为中间为连续的「-」组成的隔断,数量不限,更多是让文本显得美观(和预览无关)。 392 | 393 | 第二行中出现的冒号作用是设定表格内数据的对齐方式,不是必须使用的。具体意义如下: 394 | 395 | 1. `:–--` 冒号在左,左对齐 396 | 2. `--–:` 冒号在右,右对齐 397 | 3. `:--–:` 左右两侧都出现冒号,居中对齐 398 | 399 | ## 转义符 400 | 401 | 如何在 MD 文档中输出被用于转换格式的符号本身?这里就需要转义符,也就是反斜线「\」来协助。 402 | 403 | 如果要显示「*」,则可以用如下的方式: 404 | 405 | 表示强调的符号这样用: \*Emphasize\* 406 | 407 | 显示效果如下: 408 | 409 | 表示强调的符号这样用: \*Emphasize\* 410 | 411 | 支持转义的 MD 符号包括: 412 | 413 | \ 反斜线 414 | ` 反引号 415 | \* 星号 416 | \_ 下划线 417 | {} 花括号 418 | [] 方括号 419 | () 圆括号 420 | # 井号 421 | + 加号 422 | - 减号(连字符) 423 | . 句点 424 | ! 感叹号 425 | 426 | *** 427 | ## 扩展阅读 428 | 429 | 基于 Markdown 的 HTML 语言运用。 430 | 431 | HTML 可以契合 MD 语法,而通过利用前者,可以实现一些单纯依靠 MD 语法暂时无法实现的功能和页面显示效果。 432 | 433 | ### 网址链接 434 | 435 | 页面内跳转链接。利用 HTML 语法制作 Markdown 长文的可跳转目录。分两部分,前为具体条目信息,后边则指向内容的位置(代码段放在页面的哪里,点击索引条目后就跳转到哪里)。 436 | 437 | 范例语法如下: 438 | 439 | [Line](#A) 440 | 441 | 442 | 443 | [Line](#A) 444 | 445 | 446 | 447 | ## 添加图片(进阶版) 448 | 449 | 450 | 451 | ![Pic_Sample](http://7s1rzi.com1.z0.glb.clouddn.com/Pic_Sample.jpg) 452 | 453 | 在页面中,要并排插入多张图片(两张或三张并排显示)或将插入图片居中显示,又或者是类似固定显示图片的宽度与高度,目前依靠 Markdown 语法还无法实现。 454 | 这时,调用 HTML 语法就可以轻松搞定。 455 | 456 | 以下,可以仅看添加图床图片的那部分,减少认知负荷。 457 | 458 | ### 图片与图床 459 | 460 | 图床是第三方服务托管个人上传图片,并提供图片外链,让我们在写博客文章时使用的方式。 461 | 462 | 常用图床: 463 | 464 | * [七牛云存储](http://www.qiniu.com/) 465 | * [Imgur](http://imgur.com/) 466 | * [Photobucket](http://s1381.photobucket.com/) 467 | 468 | 图床在上传图片后会提供一个图片的外链。我们可以利用外链把图片添加到自己的博文中。图片也可以存储在 Github 自己的博客仓库里,不过图片蛮占用空间(Github 项目空间为200 M)。因而最好是选图床托管图片。 469 | 470 | 如果是单纯插入来自图床的图片外链: 471 | 472 | 单张居中显示: 473 | 474 |
475 | 476 |
477 | 478 | OR 479 | 480 |
481 | 482 |
483 | 484 | 效果如下: 485 | 486 |
487 | 488 |
489 | 490 | 固定图片宽度/高度: 491 | 492 | 493 | 494 | 宽度是 Width,高度是 High。Title 为图片描述。 495 | 496 | 效果如下: 497 | 498 | 499 | 500 | 两张并排显示: 501 | 502 |
503 | 504 | 505 |
506 | 507 | 三张并排显示: 508 | 509 |
510 | 511 | 512 | 513 |
514 | 515 | 使用时复制相应的代码粘贴,然后替换 ""(英文输入下的引号) 里的链接,也就是例子中的「http://xxx.jpg」链接为自己上传图片(一般只有在图床上传的图才有这样的链接)的外链。 516 | 517 | Tips: 关于 jpg/png 都是常用文件格式,jpg 格式压缩效率高,相对文件质量小一点,占用网络空间少,在页面里显示时加载会快一些。png 格式的图片更清晰。 518 | 519 | ### 添加 Github 图片 520 | 521 | 如果是利用在 Github 项目文件夹里的图片,基本的语法不变,只是将前面提到 "" 里的图片外链(网址)替换为: 522 | 523 | 「自定义的域名 + 图片在 Github 项目的位置」 524 | 525 | ``` 526 | {{ site.url }}/images/xxx.jpg 527 | ``` 528 | 529 | 引用的代码自动变形了。博文中两个花括号及「site.url」构成的代码块会自动补全为我的个人域名,所以这篇博文代码区中的演示也受到了影响(上一段的引用就受到影响了。后边的文中引用的例子也一样)。如果复制了刚才的代码块,需要将「 azeril.me//」修改成下图中的样子(两个花括号,中间加 site.url )。即: 530 | 531 | ![code](http://dreamofbook.qiniudn.com/onelinecode.png) 532 | 533 | 使用时复制和修改相应的代码,并替换「/images/xxx.jpg」这样的链接为自己放置图片的路径。 534 | 535 | 如果 Github 项目下有 images 文件夹,直接在里面放图,就是如上的代码替换。如果是 images 目录下的文件夹,如 Instagram,则路径为:「images/Instagram/ xxx.jpg」。依此类推。 536 | 537 | ![](http://dreamofbook.qiniudn.com/twolinescode.png) 538 | 539 | ### 附加浏览窗口的模式 540 | 541 | 更复杂一点,点击图片可以跳出一个预览窗口,可以看大图和切换图片。 542 | 543 | 效果如下: 544 | 545 | ![PreviewPic](http://dreamofbook.qiniudn.com/Preview_Pic.png) 546 | 547 | 两张并排显示的代码(单张和三张代码和前述的类似): 548 | 549 | 550 |
551 | 552 | 553 |
554 | 555 | ### 添加图片代码分享 556 | 557 | 因博客显示时引用的部分 HTML 代码有问题,所以另外发一份 md 版本的文档供参考。 558 | 559 | 下载地址: 560 | 561 | 百度云 - [Dl from BaiduYun](http://pan.baidu.com/s/1Bb4qM) 562 | box.com - [Dl from Box.com](https://app.box.com/s/l8x1jajwv82umq33aa7dkwpl9sr59q55) 563 | dropbox - [Dl from Dropbox](https://dl.dropboxusercontent.com/u/64524965/AddPic.md) 564 | 565 | 愉快。 566 | 567 | 568 | ## 参考文档及扩展阅读 569 | 570 | 1. [献给写作者的 Markdown 新手指南_简书](http://www.jianshu.com/p/q81RER) 571 | 2. [Markdown 语法说明_WowUbuntu](http://wowubuntu.com/markdown/#editor) 572 | 3. [Markdown 语法说明(详解版)_图灵社区](http://www.ituring.com.cn/article/504) 573 | 4. [Mastering Markdown · GitHub Guides](https://guides.github.com/features/mastering-markdown/) 574 | 5. [Markdown - Wikiwand](https://www.wikiwand.com/zh/Markdown) 575 | 6. [Markdown 写作浅谈 - 阳志平的网志](http://www.yangzhiping.com/tech/r-markdown-knitr.html) 576 | -------------------------------------------------------------------------------- /_posts/2015-10-23-Vim.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: VIM 基础命令 4 | categories: [blog ] 5 | tags: [Tech, ] 6 | description: 「VIM 的基础知识与命令集」 7 | --- 8 | 9 | ## VIM 10 | 11 | 以前玩 Python 及之前用 Git 因为不熟悉 Vim 遇到了很多坑,进而导致屡次学习各项语言的放弃...惨痛教训就源于这莫名其妙的 Vim... 12 | 13 | 整理一下思路,重新出发。 14 | 15 | Vi/Vim 常用的有三种模式: 16 | 17 | 1. 普通 模式 默认进入界面时的模式,此时只支持 Vi/Vim 的指令 18 | 2. Insert 模式 此模式下才能插入文本 19 | 3. 选择模式 20 | 21 | ## 常用指令 22 | 23 | * i 在指令模式下,按「i」激活编辑模式; 24 | * esc 在非指令模式下,按 esc 键退出 25 | * :wq 保存并退出 26 | 27 | ## 编辑(插入模式)模式常用指令 28 | 29 | 30 | ### 进入 Insert 模式 31 | 32 | 在普通模式下使用下面的键将进入插入模式,并可以从相应的位置开始输入 33 | 34 | | CMD | Description | 35 | |---|---| 36 | | i | 光标位置开始编辑 | 37 | | I | 行首插入 | 38 | | A | 行末插入 | 39 | | a | 自光标后编辑 | 40 | | o | 当前行之后插入一行 | 41 | | O | 当前行之前插入一行 | 42 | | cw | 替换从光标所在位置后到一个单词结尾的字符 | 43 | 44 | 45 | 在指令模式下的一些其他选项 46 | 47 | 48 | 49 | ### 编辑快捷键 50 | 51 | | CMD | Description | 52 | |---|---| 53 | | :w | 保存当前文件 | 54 | | :q | 退出,如文件有修改则需用强制模式退出 | 55 | | :q! | 强制退出,不保存修改 | 56 | | :wq | 保存并退出 | 57 | | :x | 保存并退出 | 58 | | :w | 另存为 | 59 | | :saveas | 另存为 | 60 | 61 | 62 | 63 | 64 | ## 选择模式常用指令 65 | 66 | ### 光标移动快捷键 67 | 68 | k - 上 j - 下 h - 左 l - 右 69 | 70 | |...|**k**|...| 71 | |---|---|---| 72 | |**h**|...|**l**| 73 | |...|**j**|...| 74 | 75 | w 移动到下一个单词 76 | b 移动到上一个单词 77 | 78 | ### 翻页 79 | 80 | 81 | Control + f 82 | Control + b 83 | 84 | ### 删除 85 | 86 | | Key | Description | 87 | |---|---| 88 | | x | 删除光标所在字符 | 89 | | Delete | 删除光标所在字符 | 90 | | X | 删除光标所在前一个字符 | 91 | | dd | 删除整行 | 92 | | dw | 删除一个单词 | 93 | | d$ / D | 从当前位置删除至行尾 | 94 | | d^ | 从当前位置删除至行首 | 95 | | dG | 删除到文档结尾处 | 96 | | d1G | 删至文档首部 | 97 | 98 | 99 | ### 命令行进入设定退出 100 | 101 | Ctrl + C 退出 102 | -------------------------------------------------------------------------------- /_posts/Template.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: " " 4 | categories: [] 5 | header-img: "" 6 | tags: [Mac, ] 7 | description: 8 | --- 9 | 10 | Start Writing... -------------------------------------------------------------------------------- /css/clean-blog.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif; 3 | line-height: 1.7; 4 | font-size: 16px; 5 | color: #404040; 6 | overflow-x: hidden; 7 | } 8 | p { 9 | margin: 30px 0; 10 | } 11 | h1, 12 | h2, 13 | h3, 14 | h4, 15 | h5, 16 | h6 { 17 | font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif; 18 | 19 | line-height: 1.1; 20 | font-weight: 800; 21 | } 22 | h1 { 23 | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 24 | } 25 | h4 { 26 | font-size: 18px; 27 | } 28 | a { 29 | color: #404040; 30 | } 31 | a:hover, 32 | a:focus { 33 | color: #0085a1; 34 | } 35 | a img:hover, 36 | a img:focus { 37 | cursor: zoom-in; 38 | } 39 | article { 40 | overflow-x: hidden; 41 | } 42 | blockquote { 43 | color: #808080; 44 | font-style: italic; 45 | font-size: 0.95em; 46 | margin: 20px 0 20px; 47 | } 48 | blockquote p { 49 | margin: 0; 50 | } 51 | @media screen and (max-width: 768px) { 52 | select { 53 | -webkit-appearance: none; 54 | margin-top: 15px; 55 | color: #44bff2; 56 | border-color: #44bff2; 57 | padding: 0em 0.4em; 58 | background: white; 59 | } 60 | } 61 | .table th, 62 | .table td { 63 | border: 1px solid #eee !important; 64 | } 65 | hr.small { 66 | max-width: 100px; 67 | margin: 15px auto; 68 | border-width: 4px; 69 | border-color: white; 70 | } 71 | @media screen and (max-width: 500px) { 72 | pre code { 73 | display: block; 74 | width: 500px; 75 | } 76 | } 77 | .post-container a { 78 | color: #4da6ff; 79 | } 80 | .post-container a:hover, 81 | .post-container a:focus { 82 | color: #6bb4bf; 83 | } 84 | .post-container ul, 85 | .post-container ol { 86 | margin-bottom: 40px; 87 | } 88 | .post-container ol ol, 89 | .post-container ol ul, 90 | .post-container ul ol, 91 | .post-container ul ul { 92 | margin-bottom: 5px; 93 | } 94 | .post-container li p { 95 | margin: 0; 96 | margin-bottom: 5px; 97 | } 98 | .post-container li h1, 99 | .post-container li h2, 100 | .post-container li h3, 101 | .post-container li h4, 102 | .post-container li h5, 103 | .post-container li h6 { 104 | line-height: 2; 105 | margin-top: 20px; 106 | } 107 | .navbar-custom { 108 | background: white; 109 | position: absolute; 110 | top: 0; 111 | left: 0; 112 | width: 100%; 113 | z-index: 3; 114 | font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif; 115 | line-height: 1.7; 116 | } 117 | .navbar-custom .navbar-brand { 118 | font-weight: 800; 119 | } 120 | .navbar-custom .nav li a { 121 | text-transform: uppercase; 122 | font-size: 12px; 123 | font-weight: 800; 124 | letter-spacing: 1px; 125 | } 126 | @media only screen and (min-width: 768px) { 127 | .navbar-custom { 128 | background: transparent; 129 | border-bottom: 1px solid transparent; 130 | } 131 | .navbar-custom body { 132 | font-size: 20px; 133 | } 134 | .navbar-custom .navbar-brand { 135 | color: white; 136 | padding: 20px; 137 | } 138 | .navbar-custom .navbar-brand:hover, 139 | .navbar-custom .navbar-brand:focus { 140 | color: rgba(255, 255, 255, 0.8); 141 | } 142 | .navbar-custom .nav li a { 143 | color: white; 144 | padding: 20px; 145 | } 146 | .navbar-custom .nav li a:hover, 147 | .navbar-custom .nav li a:focus { 148 | color: rgba(255, 255, 255, 0.8); 149 | } 150 | } 151 | @media only screen and (min-width: 1170px) { 152 | .navbar-custom { 153 | -webkit-transition: background-color 0.3s; 154 | -moz-transition: background-color 0.3s; 155 | transition: background-color 0.3s; 156 | /* Force Hardware Acceleration in WebKit */ 157 | -webkit-transform: translate3d(0, 0, 0); 158 | -moz-transform: translate3d(0, 0, 0); 159 | -ms-transform: translate3d(0, 0, 0); 160 | -o-transform: translate3d(0, 0, 0); 161 | transform: translate3d(0, 0, 0); 162 | -webkit-backface-visibility: hidden; 163 | backface-visibility: hidden; 164 | } 165 | .navbar-custom.is-fixed { 166 | /* when the user scrolls down, we hide the header right above the viewport */ 167 | position: fixed; 168 | top: -61px; 169 | background-color: rgba(255, 255, 255, 0.9); 170 | border-bottom: 1px solid #f2f2f2; 171 | -webkit-transition: -webkit-transform 0.3s; 172 | -moz-transition: -moz-transform 0.3s; 173 | transition: transform 0.3s; 174 | } 175 | .navbar-custom.is-fixed .navbar-brand { 176 | color: #404040; 177 | } 178 | .navbar-custom.is-fixed .navbar-brand:hover, 179 | .navbar-custom.is-fixed .navbar-brand:focus { 180 | color: #0085a1; 181 | } 182 | .navbar-custom.is-fixed .nav li a { 183 | color: #404040; 184 | } 185 | .navbar-custom.is-fixed .nav li a:hover, 186 | .navbar-custom.is-fixed .nav li a:focus { 187 | color: #0085a1; 188 | } 189 | .navbar-custom.is-visible { 190 | /* if the user changes the scrolling direction, we show the header */ 191 | -webkit-transform: translate3d(0, 100%, 0); 192 | -moz-transform: translate3d(0, 100%, 0); 193 | -ms-transform: translate3d(0, 100%, 0); 194 | -o-transform: translate3d(0, 100%, 0); 195 | transform: translate3d(0, 100%, 0); 196 | } 197 | } 198 | .intro-header { 199 | background: no-repeat center center; 200 | background-color: #808080; 201 | background-attachment: scroll; 202 | -webkit-background-size: cover; 203 | -moz-background-size: cover; 204 | background-size: cover; 205 | -o-background-size: cover; 206 | margin-bottom: 0px; 207 | /* 0 on mobile, changed the setting*/ 208 | } 209 | @media only screen and (min-width: 768px) { 210 | .intro-header { 211 | margin-bottom: 20px; 212 | /* response on desktop */ 213 | } 214 | } 215 | .intro-header .site-heading, 216 | .intro-header .post-heading, 217 | .intro-header .page-heading { 218 | padding: 100px 0 50px; 219 | color: white; 220 | } 221 | @media only screen and (min-width: 768px) { 222 | .intro-header .site-heading, 223 | .intro-header .post-heading, 224 | .intro-header .page-heading { 225 | padding: 150px 0; 226 | } 227 | } 228 | .intro-header .site-heading, 229 | .intro-header .page-heading { 230 | text-align: center; 231 | } 232 | .intro-header .site-heading h1, 233 | .intro-header .page-heading h1 { 234 | margin-top: 0; 235 | font-size: 50px; 236 | } 237 | .intro-header .site-heading .subheading, 238 | .intro-header .page-heading .subheading { 239 | font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif; 240 | line-height: 1.7; 241 | font-size: 20px; 242 | line-height: 1.1; 243 | display: block; 244 | font-weight: 300; 245 | margin: 10px 0 0; 246 | } 247 | @media only screen and (min-width: 768px) { 248 | .intro-header .site-heading h1, 249 | .intro-header .page-heading h1 { 250 | font-size: 65px; 251 | } 252 | } 253 | .intro-header .post-heading h1 { 254 | font-size: 27px; 255 | } 256 | .intro-header .post-heading .subheading, 257 | .intro-header .post-heading .meta { 258 | line-height: 1.1; 259 | display: block; 260 | } 261 | .intro-header .post-heading .subheading { 262 | font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif; 263 | line-height: 1.7; 264 | font-size: 17px; 265 | font-weight: normal; 266 | margin: 10px 0 30px; 267 | margin-top: -5px; 268 | } 269 | .intro-header .post-heading .meta { 270 | font-family: 'Lora', 'Times New Roman', serif; 271 | font-style: italic; 272 | font-weight: 300; 273 | font-size: 17px; 274 | } 275 | .intro-header .post-heading .meta a { 276 | color: white; 277 | } 278 | @media only screen and (min-width: 768px) { 279 | .intro-header .post-heading h1 { 280 | font-size: 50px; 281 | } 282 | .intro-header .post-heading .subheading { 283 | font-size: 30px; 284 | } 285 | .intro-header .post-heading .meta { 286 | font-size: 20px; 287 | } 288 | } 289 | .post-preview > a { 290 | color: #404040; 291 | } 292 | .post-preview > a:hover, 293 | .post-preview > a:focus { 294 | text-decoration: none; 295 | color: #29BCE1; 296 | } 297 | .post-preview > a > .post-title { 298 | font-size: 21px; 299 | line-height: 1.3; 300 | margin-top: 30px; 301 | margin-bottom: 8px; 302 | } 303 | .post-preview > a > .post-subtitle { 304 | font-size: 15px; 305 | margin: 0; 306 | font-weight: 300; 307 | margin-bottom: 10px; 308 | } 309 | .post-preview > .post-meta { 310 | font-family: 'Lora', 'Times New Roman', serif; 311 | color: #808080; 312 | font-size: 16px; 313 | font-style: italic; 314 | margin-top: 0; 315 | } 316 | .post-preview > .post-meta > a { 317 | text-decoration: none; 318 | color: #404040; 319 | } 320 | .post-preview > .post-meta > a:hover, 321 | .post-preview > .post-meta > a:focus { 322 | color: #4CD5F3; 323 | text-decoration: underline; 324 | } 325 | @media only screen and (min-width: 768px) { 326 | .post-preview > a > .post-title { 327 | font-size: 26px; 328 | line-height: 1.3; 329 | margin-bottom: 10px; 330 | } 331 | .post-preview > a > .post-subtitle { 332 | font-size: 16px; 333 | } 334 | .post-preview .post-meta { 335 | font-size: 18px; 336 | } 337 | } 338 | .post-content-preview { 339 | font-size: 13px; 340 | font-style: italic; 341 | color: #a3a3a3; 342 | } 343 | .post-content-preview:hover { 344 | color: #4CD5F3; 345 | } 346 | @media only screen and (min-width: 768px) { 347 | .post-content-preview { 348 | font-size: 14px; 349 | } 350 | } 351 | .section-heading { 352 | font-size: 36px; 353 | margin-top: 60px; 354 | font-weight: 700; 355 | } 356 | .caption { 357 | text-align: center; 358 | font-size: 14px; 359 | padding: 10px; 360 | font-style: italic; 361 | margin: 0; 362 | display: block; 363 | border-bottom-right-radius: 5px; 364 | border-bottom-left-radius: 5px; 365 | } 366 | footer { 367 | font-size: 20px; 368 | padding: 50px 0 65px; 369 | } 370 | footer .list-inline { 371 | margin: 0; 372 | padding: 0; 373 | } 374 | footer .copyright { 375 | font-size: 14px; 376 | text-align: center; 377 | margin-bottom: 0; 378 | } 379 | footer .copyright a { 380 | color: #93e1de; 381 | } 382 | footer .copyright a:hover, 383 | footer .copyright a:focus { 384 | color: #44bff2; 385 | } 386 | .floating-label-form-group { 387 | font-size: 14px; 388 | position: relative; 389 | margin-bottom: 0; 390 | padding-bottom: 0.5em; 391 | border-bottom: 1px solid #eeeeee; 392 | } 393 | .floating-label-form-group input, 394 | .floating-label-form-group textarea { 395 | z-index: 1; 396 | position: relative; 397 | padding-right: 0; 398 | padding-left: 0; 399 | border: none; 400 | border-radius: 0; 401 | font-size: 1.5em; 402 | background: none; 403 | box-shadow: none !important; 404 | resize: none; 405 | } 406 | .floating-label-form-group label { 407 | display: block; 408 | z-index: 0; 409 | position: relative; 410 | top: 2em; 411 | margin: 0; 412 | font-size: 0.85em; 413 | line-height: 1.764705882em; 414 | vertical-align: middle; 415 | vertical-align: baseline; 416 | opacity: 0; 417 | -webkit-transition: top 0.3s ease,opacity 0.3s ease; 418 | -moz-transition: top 0.3s ease,opacity 0.3s ease; 419 | -ms-transition: top 0.3s ease,opacity 0.3s ease; 420 | transition: top 0.3s ease,opacity 0.3s ease; 421 | } 422 | .floating-label-form-group::not(:first-child) { 423 | padding-left: 14px; 424 | border-left: 1px solid #eeeeee; 425 | } 426 | .floating-label-form-group-with-value label { 427 | top: 0; 428 | opacity: 1; 429 | } 430 | .floating-label-form-group-with-focus label { 431 | color: #30d7e9; 432 | } 433 | form .row:first-child .floating-label-form-group { 434 | border-top: 1px solid #eeeeee; 435 | } 436 | .btn { 437 | font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif; 438 | line-height: 1.7; 439 | text-transform: uppercase; 440 | font-size: 14px; 441 | font-weight: 800; 442 | letter-spacing: 1px; 443 | border-radius: 0; 444 | padding: 15px 25px; 445 | } 446 | .btn-lg { 447 | font-size: 16px; 448 | padding: 25px 35px; 449 | } 450 | .btn-default:hover, 451 | .btn-default:focus { 452 | background-color: #0085a1; 453 | border: 1px solid #0085a1; 454 | color: white; 455 | } 456 | .pager { 457 | margin: 20px 0 0; 458 | } 459 | .pager li > a, 460 | .pager li > span { 461 | font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", SimSun, sans-serif; 462 | line-height: 1.7; 463 | text-transform: uppercase; 464 | font-size: 14px; 465 | font-weight: 800; 466 | letter-spacing: 1px; 467 | padding: 10px 5px; 468 | background-color: white; 469 | border-radius: 0; 470 | } 471 | @media only screen and (min-width: 768px) { 472 | .pager li > a, 473 | .pager li > span { 474 | font-size: 14px; 475 | padding: 15px 25px; 476 | } 477 | } 478 | .pager li > a { 479 | color: #404040; 480 | } 481 | .pager li > a:hover, 482 | .pager li > a:focus { 483 | color: white; 484 | background-color: #00c9d7; 485 | border: 1px solid #00c9d7; 486 | } 487 | .pager .disabled > a, 488 | .pager .disabled > a:hover, 489 | .pager .disabled > a:focus, 490 | .pager .disabled > span { 491 | color: #808080; 492 | background-color: #404040; 493 | cursor: not-allowed; 494 | } 495 | ::-moz-selection { 496 | color: white; 497 | text-shadow: none; 498 | background: #00c9d7; 499 | } 500 | ::selection { 501 | color: white; 502 | text-shadow: none; 503 | background: #00c9d7; 504 | } 505 | img::selection { 506 | color: white; 507 | background: transparent; 508 | } 509 | img::-moz-selection { 510 | color: white; 511 | background: transparent; 512 | } 513 | body { 514 | webkit-tap-highlight-color: #00c9d7; 515 | } 516 | 517 | 518 | /* Optimize UserExperience */ 519 | .navbar-default .navbar-toggle:focus, 520 | .navbar-default .navbar-toggle:hover { 521 | background-color: inherit; 522 | } 523 | .navbar-default .navbar-toggle:active { 524 | background-color: #ddd; 525 | } 526 | 527 | -------------------------------------------------------------------------------- /css/clean-blog.min.css: -------------------------------------------------------------------------------- 1 | body{font-family:Lora,'Times New Roman',serif;font-size:20px;color:#404040}p{line-height:1.5;margin:30px 0}p a{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:800}a{color:#404040}a:hover,a:focus{color:#0085a1}a img:hover,a img:focus{cursor:zoom-in}blockquote{color:gray;font-style:italic}hr.small{max-width:100px;margin:15px auto;border-width:4px;border-color:#fff}.navbar-custom{background:#fff;position:absolute;top:0;left:0;width:100%;z-index:3;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif}.navbar-custom .navbar-brand{font-weight:800}.navbar-custom .nav li a{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1px}@media only screen and (min-width:768px){.navbar-custom{background:0 0;border-bottom:1px solid transparent}.navbar-custom .navbar-brand{color:#fff;padding:20px}.navbar-custom .navbar-brand:hover,.navbar-custom .navbar-brand:focus{color:rgba(255,255,255,.8)}.navbar-custom .nav li a{color:#fff;padding:20px}.navbar-custom .nav li a:hover,.navbar-custom .nav li a:focus{color:rgba(255,255,255,.8)}}@media only screen and (min-width:1170px){.navbar-custom{-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.navbar-custom.is-fixed{position:fixed;top:-61px;background-color:rgba(255,255,255,.9);border-bottom:1px solid #f2f2f2;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}.navbar-custom.is-fixed .navbar-brand{color:#404040}.navbar-custom.is-fixed .navbar-brand:hover,.navbar-custom.is-fixed .navbar-brand:focus{color:#0085a1}.navbar-custom.is-fixed .nav li a{color:#404040}.navbar-custom.is-fixed .nav li a:hover,.navbar-custom.is-fixed .nav li a:focus{color:#0085a1}.navbar-custom.is-visible{-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.intro-header{background:no-repeat center center;background-color:gray;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover;margin-bottom:50px}.intro-header .site-heading,.intro-header .post-heading,.intro-header .page-heading{padding:100px 0 50px;color:#fff}@media only screen and (min-width:768px){.intro-header .site-heading,.intro-header .post-heading,.intro-header .page-heading{padding:150px 0}}.intro-header .site-heading,.intro-header .page-heading{text-align:center}.intro-header .site-heading h1,.intro-header .page-heading h1{margin-top:0;font-size:50px}.intro-header .site-heading .subheading,.intro-header .page-heading .subheading{font-size:24px;line-height:1.1,display:block;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;margin:10px 0 0}@media only screen and (min-width:768px){.intro-header .site-heading h1,.intro-header .page-heading h1{font-size:80px}}.intro-header .post-heading h1{font-size:35px}.intro-header .post-heading .subheading,.intro-header .post-heading .meta{line-height:1.1;display:block}.intro-header .post-heading .subheading{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:24px;margin:10px 0 30px;font-weight:600}.intro-header .post-heading .meta{font-family:Lora,'Times New Roman',serif;font-style:italic;font-weight:300;font-size:20px}.intro-header .post-heading .meta a{color:#fff}@media only screen and (min-width:768px){.intro-header .post-heading h1{font-size:55px}.intro-header .post-heading .subheading{font-size:30px}}.post-preview>a{color:#404040}.post-preview>a:hover,.post-preview>a:focus{text-decoration:none;color:#0085a1}.post-preview>a>.post-title{font-size:30px;margin-top:30px;margin-bottom:10px}.post-preview>a>.post-subtitle{margin:0;font-weight:300;margin-bottom:10px}.post-preview>.post-meta{color:gray;font-size:18px;font-style:italic;margin-top:0}.post-preview>.post-meta>a{text-decoration:none;color:#404040}.post-preview>.post-meta>a:hover,.post-preview>.post-meta>a:focus{color:#0085a1;text-decoration:underline}@media only screen and (min-width:768px){.post-preview>a>.post-title{font-size:36px}}.section-heading{font-size:36px;margin-top:60px;font-weight:700}.caption{text-align:center;font-size:14px;padding:10px;font-style:italic;margin:0;display:block;border-bottom-right-radius:5px;border-bottom-left-radius:5px}footer{padding:50px 0 65px}footer .list-inline{margin:0;padding:0}footer .copyright{font-size:14px;text-align:center;margin-bottom:0}.floating-label-form-group{font-size:14px;position:relative;margin-bottom:0;padding-bottom:.5em;border-bottom:1px solid #eee}.floating-label-form-group input,.floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:none;border-radius:0;font-size:1.5em;background:0 0;box-shadow:none!important;resize:none}.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease}.floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #eee}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#0085a1}form .row:first-child .floating-label-form-group{border-top:1px solid #eee}.btn{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:1px;border-radius:0;padding:15px 25px}.btn-lg{font-size:16px;padding:25px 35px}.btn-default:hover,.btn-default:focus{background-color:#0085a1;border:1px solid #0085a1;color:#fff}.pager{margin:20px 0 0}.pager li>a,.pager li>span{font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;font-size:14px;font-weight:800;letter-spacing:1px;padding:10px 5px;background-color:#fff;border-radius:0}@media only screen and (min-width:768px){.pager li>a,.pager li>span{font-size:14px;padding:15px 25px}}.pager li>a:hover,.pager li>a:focus{color:#fff;background-color:#0085a1;border:1px solid #0085a1}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:gray;background-color:#404040;cursor:not-allowed}::-moz-selection{color:#fff;text-shadow:none;background:#0085a1}::selection{color:#fff;text-shadow:none;background:#0085a1}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}body{webkit-tap-highlight-color:#0085a1} 2 | -------------------------------------------------------------------------------- /css/syntax.css: -------------------------------------------------------------------------------- 1 | /* to make lines scroll instead of wrap */ 2 | /* from https://stackoverflow.com/a/23393920 */ 3 | 4 | .highlight pre code * { 5 | white-space: nowrap; // this sets all children inside to nowrap 6 | } 7 | 8 | .highlight pre { 9 | overflow-x: auto; // this sets the scrolling in x 10 | } 11 | 12 | .highlight pre code { 13 | white-space: pre; // forces to respect
 formatting
14 | }
15 | 
16 | 
17 | /*
18 |  * GitHub style for Pygments syntax highlighter, for use with Jekyll
19 |  * Courtesy of GitHub.com
20 |  */
21 | 
22 | .highlight pre, pre, .highlight .hll { background-color: #f8f8f8; border: 1px solid #ccc; padding: 6px 10px; border-radius: 3px; }
23 | .highlight .c { color: #999988; font-style: italic; }
24 | .highlight .err { color: #a61717; background-color: #e3d2d2; }
25 | .highlight .k { font-weight: bold; }
26 | .highlight .o { font-weight: bold; }
27 | .highlight .cm { color: #999988; font-style: italic; }
28 | .highlight .cp { color: #999999; font-weight: bold; }
29 | .highlight .c1 { color: #999988; font-style: italic; }
30 | .highlight .cs { color: #999999; font-weight: bold; font-style: italic; }
31 | .highlight .gd { color: #000000; background-color: #ffdddd; }
32 | .highlight .gd .x { color: #000000; background-color: #ffaaaa; }
33 | .highlight .ge { font-style: italic; }
34 | .highlight .gr { color: #aa0000; }
35 | .highlight .gh { color: #999999; }
36 | .highlight .gi { color: #000000; background-color: #ddffdd; }
37 | .highlight .gi .x { color: #000000; background-color: #aaffaa; }
38 | .highlight .go { color: #888888; }
39 | .highlight .gp { color: #555555; }
40 | .highlight .gs { font-weight: bold; }
41 | .highlight .gu { color: #800080; font-weight: bold; }
42 | .highlight .gt { color: #aa0000; }
43 | .highlight .kc { font-weight: bold; }
44 | .highlight .kd { font-weight: bold; }
45 | .highlight .kn { font-weight: bold; }
46 | .highlight .kp { font-weight: bold; }
47 | .highlight .kr { font-weight: bold; }
48 | .highlight .kt { color: #445588; font-weight: bold; }
49 | .highlight .m { color: #009999; }
50 | .highlight .s { color: #dd1144; }
51 | .highlight .n { color: #333333; }
52 | .highlight .na { color: teal; }
53 | .highlight .nb { color: #0086b3; }
54 | .highlight .nc { color: #445588; font-weight: bold; }
55 | .highlight .no { color: teal; }
56 | .highlight .ni { color: purple; }
57 | .highlight .ne { color: #990000; font-weight: bold; }
58 | .highlight .nf { color: #990000; font-weight: bold; }
59 | .highlight .nn { color: #555555; }
60 | .highlight .nt { color: navy; }
61 | .highlight .nv { color: teal; }
62 | .highlight .ow { font-weight: bold; }
63 | .highlight .w { color: #bbbbbb; }
64 | .highlight .mf { color: #009999; }
65 | .highlight .mh { color: #009999; }
66 | .highlight .mi { color: #009999; }
67 | .highlight .mo { color: #009999; }
68 | .highlight .sb { color: #dd1144; }
69 | .highlight .sc { color: #dd1144; }
70 | .highlight .sd { color: #dd1144; }
71 | .highlight .s2 { color: #dd1144; }
72 | .highlight .se { color: #dd1144; }
73 | .highlight .sh { color: #dd1144; }
74 | .highlight .si { color: #dd1144; }
75 | .highlight .sx { color: #dd1144; }
76 | .highlight .sr { color: #009926; }
77 | .highlight .s1 { color: #dd1144; }
78 | .highlight .ss { color: #990073; }
79 | .highlight .bp { color: #999999; }
80 | .highlight .vc { color: teal; }
81 | .highlight .vg { color: teal; }
82 | .highlight .vi { color: teal; }
83 | .highlight .il { color: #009999; }
84 | .highlight .gc { color: #999; background-color: #EAF2F5; }
85 | 


--------------------------------------------------------------------------------
/feed.xml:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: none
 3 | ---
 4 | 
 5 | 
 6 | 	
 7 | 		{{ site.title }}
 8 | 		{{ site.description }}
 9 | 		{{ site.BASE_PATH }}/
10 | 		
11 | 		{% for post in site.posts limit:10 %}
12 | 			
13 | 				{{ post.title }}
14 | 				{{ post.content | xml_escape }}
15 | 				{{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }}
16 | 				{{ site.BASE_PATH }}{{ post.url }}
17 | 				{{ site.BASE_PATH }}{{ post.url }}
18 | 			
19 | 		{% endfor %}
20 | 	
21 | 
22 | 


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/fonts/glyphicons-halflings-regular.eot


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/fonts/glyphicons-halflings-regular.ttf


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/fonts/glyphicons-halflings-regular.woff


--------------------------------------------------------------------------------
/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/fonts/glyphicons-halflings-regular.woff2


--------------------------------------------------------------------------------
/images/gallery-example-1-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/gallery-example-1-thumb.jpg


--------------------------------------------------------------------------------
/images/gallery-example-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/gallery-example-1.jpg


--------------------------------------------------------------------------------
/images/gallery-example-2-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/gallery-example-2-thumb.jpg


--------------------------------------------------------------------------------
/images/gallery-example-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/gallery-example-2.jpg


--------------------------------------------------------------------------------
/images/gallery-example-3-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/gallery-example-3-thumb.jpg


--------------------------------------------------------------------------------
/images/gallery-example-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/gallery-example-3.jpg


--------------------------------------------------------------------------------
/images/gallery-example-4-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/gallery-example-4-thumb.jpg


--------------------------------------------------------------------------------
/images/gallery-example-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/gallery-example-4.jpg


--------------------------------------------------------------------------------
/images/instagram/insta2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/instagram/insta2.jpg


--------------------------------------------------------------------------------
/images/instagram/insta3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/instagram/insta3.jpg


--------------------------------------------------------------------------------
/images/instagram/insta4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/instagram/insta4.jpg


--------------------------------------------------------------------------------
/images/instagram/insta5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/instagram/insta5.jpg


--------------------------------------------------------------------------------
/images/instagram/insta6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/instagram/insta6.jpg


--------------------------------------------------------------------------------
/images/instagram/insta7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/instagram/insta7.jpg


--------------------------------------------------------------------------------
/images/mountain.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/mountain.jpg


--------------------------------------------------------------------------------
/images/net.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/images/net.jpg


--------------------------------------------------------------------------------
/img/Themes/Balzac-for-Jekyll.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Balzac-for-Jekyll.jpg


--------------------------------------------------------------------------------
/img/Themes/BlogThemesX.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/BlogThemesX.jpg


--------------------------------------------------------------------------------
/img/Themes/Business-Casual.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Business-Casual.jpg


--------------------------------------------------------------------------------
/img/Themes/Centrarium.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Centrarium.jpg


--------------------------------------------------------------------------------
/img/Themes/Clean-Blog.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Clean-Blog.jpg


--------------------------------------------------------------------------------
/img/Themes/Clean.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Clean.jpg


--------------------------------------------------------------------------------
/img/Themes/Feeling-Responsive.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Feeling-Responsive.jpg


--------------------------------------------------------------------------------
/img/Themes/Freshman21.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Freshman21.jpg


--------------------------------------------------------------------------------
/img/Themes/Hmfaysal-Omega-Theme.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Hmfaysal-Omega-Theme.jpg


--------------------------------------------------------------------------------
/img/Themes/Kunka.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Kunka.jpg


--------------------------------------------------------------------------------
/img/Themes/Lanyon.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Lanyon.jpg


--------------------------------------------------------------------------------
/img/Themes/Minimal-Mistakes.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Minimal-Mistakes.jpg


--------------------------------------------------------------------------------
/img/Themes/Rusty-Shutter.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Rusty-Shutter.jpg


--------------------------------------------------------------------------------
/img/Themes/Scribble.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Scribble.jpg


--------------------------------------------------------------------------------
/img/Themes/Shiori.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Shiori.jpg


--------------------------------------------------------------------------------
/img/Themes/Slim-Pickins-Jekyll-Theme.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Slim-Pickins-Jekyll-Theme.jpg


--------------------------------------------------------------------------------
/img/Themes/So-Simple-Theme.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/So-Simple-Theme.jpg


--------------------------------------------------------------------------------
/img/Themes/Twister-Jekyll-Theme.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Themes/Twister-Jekyll-Theme.jpg


--------------------------------------------------------------------------------
/img/Zero.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/Zero.png


--------------------------------------------------------------------------------
/img/alone.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/alone.jpg


--------------------------------------------------------------------------------
/img/autumn.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/autumn.jpg


--------------------------------------------------------------------------------
/img/autumn2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/autumn2.jpg


--------------------------------------------------------------------------------
/img/bay.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/bay.jpg


--------------------------------------------------------------------------------
/img/birds.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/birds.jpg


--------------------------------------------------------------------------------
/img/dolphin.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/dolphin.gif


--------------------------------------------------------------------------------
/img/elephant.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/elephant.jpg


--------------------------------------------------------------------------------
/img/fantasy.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/fantasy.jpg


--------------------------------------------------------------------------------
/img/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/favicon.ico


--------------------------------------------------------------------------------
/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/favicon.png


--------------------------------------------------------------------------------
/img/grass.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/grass.jpg


--------------------------------------------------------------------------------
/img/hacker.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/hacker.png


--------------------------------------------------------------------------------
/img/plane.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/plane.jpg


--------------------------------------------------------------------------------
/img/plane2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/plane2.jpg


--------------------------------------------------------------------------------
/img/seagulls.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/seagulls.jpg


--------------------------------------------------------------------------------
/img/sky2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/sky2.jpg


--------------------------------------------------------------------------------
/img/tree.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/tree.jpg


--------------------------------------------------------------------------------
/img/umbrella.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Azeril/Microdust/139b5e573a81c52a38a330436d1eb4a5ea43bc81/img/umbrella.jpg


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: page
 3 | description: "在遙遠的地方 一切虔誠終必相遇"
 4 | ---
 5 | 
 6 | {% for post in paginator.posts %}
 7 | 
8 | 9 |

10 | {{ post.title }} 11 |

12 | {% if post.subtitle %} 13 |

14 | {{ post.subtitle }} 15 |

16 | {% endif %} 17 |
18 | {{ post.content | strip_html | truncate:150 }} 19 |
20 |
21 | 22 |
23 | 24 |
25 | {% endfor %} 26 | 27 | 28 | {% if paginator.total_pages > 1 %} 29 |
    30 | {% if paginator.previous_page %} 31 | 34 | {% endif %} 35 | {% if paginator.next_page %} 36 | 39 | {% endif %} 40 |
41 | 42 | 43 | 53 | 54 | 55 | {% endif %} 56 | -------------------------------------------------------------------------------- /js/bootstrap.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v3.3.2 (http://getbootstrap.com) 3 | * Copyright 2011-2015 Twitter, Inc. 4 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) 5 | */ 6 | if("undefined"==typeof jQuery)throw new Error("Bootstrap's JavaScript requires jQuery");+function(a){"use strict";var b=a.fn.jquery.split(" ")[0].split(".");if(b[0]<2&&b[1]<9||1==b[0]&&9==b[1]&&b[2]<1)throw new Error("Bootstrap's JavaScript requires jQuery version 1.9.1 or higher")}(jQuery),+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]};return!1}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one("bsTransitionEnd",function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b(),a.support.transition&&(a.event.special.bsTransitionEnd={bindType:a.support.transition.end,delegateType:a.support.transition.end,handle:function(b){return a(b.target).is(this)?b.handleObj.handler.apply(this,arguments):void 0}})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var c=a(this),e=c.data("bs.alert");e||c.data("bs.alert",e=new d(this)),"string"==typeof b&&e[b].call(c)})}var c='[data-dismiss="alert"]',d=function(b){a(b).on("click",c,this.close)};d.VERSION="3.3.2",d.TRANSITION_DURATION=150,d.prototype.close=function(b){function c(){g.detach().trigger("closed.bs.alert").remove()}var e=a(this),f=e.attr("data-target");f||(f=e.attr("href"),f=f&&f.replace(/.*(?=#[^\s]*$)/,""));var g=a(f);b&&b.preventDefault(),g.length||(g=e.closest(".alert")),g.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(g.removeClass("in"),a.support.transition&&g.hasClass("fade")?g.one("bsTransitionEnd",c).emulateTransitionEnd(d.TRANSITION_DURATION):c())};var e=a.fn.alert;a.fn.alert=b,a.fn.alert.Constructor=d,a.fn.alert.noConflict=function(){return a.fn.alert=e,this},a(document).on("click.bs.alert.data-api",c,d.prototype.close)}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof b&&b;e||d.data("bs.button",e=new c(this,f)),"toggle"==b?e.toggle():b&&e.setState(b)})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.isLoading=!1};c.VERSION="3.3.2",c.DEFAULTS={loadingText:"loading..."},c.prototype.setState=function(b){var c="disabled",d=this.$element,e=d.is("input")?"val":"html",f=d.data();b+="Text",null==f.resetText&&d.data("resetText",d[e]()),setTimeout(a.proxy(function(){d[e](null==f[b]?this.options[b]:f[b]),"loadingText"==b?(this.isLoading=!0,d.addClass(c).attr(c,c)):this.isLoading&&(this.isLoading=!1,d.removeClass(c).removeAttr(c))},this),0)},c.prototype.toggle=function(){var a=!0,b=this.$element.closest('[data-toggle="buttons"]');if(b.length){var c=this.$element.find("input");"radio"==c.prop("type")&&(c.prop("checked")&&this.$element.hasClass("active")?a=!1:b.find(".active").removeClass("active")),a&&c.prop("checked",!this.$element.hasClass("active")).trigger("change")}else this.$element.attr("aria-pressed",!this.$element.hasClass("active"));a&&this.$element.toggleClass("active")};var d=a.fn.button;a.fn.button=b,a.fn.button.Constructor=c,a.fn.button.noConflict=function(){return a.fn.button=d,this},a(document).on("click.bs.button.data-api",'[data-toggle^="button"]',function(c){var d=a(c.target);d.hasClass("btn")||(d=d.closest(".btn")),b.call(d,"toggle"),c.preventDefault()}).on("focus.bs.button.data-api blur.bs.button.data-api",'[data-toggle^="button"]',function(b){a(b.target).closest(".btn").toggleClass("focus",/^focus(in)?$/.test(b.type))})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b),g="string"==typeof b?b:f.slide;e||d.data("bs.carousel",e=new c(this,f)),"number"==typeof b?e.to(b):g?e[g]():f.interval&&e.pause().cycle()})}var c=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,this.options.keyboard&&this.$element.on("keydown.bs.carousel",a.proxy(this.keydown,this)),"hover"==this.options.pause&&!("ontouchstart"in document.documentElement)&&this.$element.on("mouseenter.bs.carousel",a.proxy(this.pause,this)).on("mouseleave.bs.carousel",a.proxy(this.cycle,this))};c.VERSION="3.3.2",c.TRANSITION_DURATION=600,c.DEFAULTS={interval:5e3,pause:"hover",wrap:!0,keyboard:!0},c.prototype.keydown=function(a){if(!/input|textarea/i.test(a.target.tagName)){switch(a.which){case 37:this.prev();break;case 39:this.next();break;default:return}a.preventDefault()}},c.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},c.prototype.getItemIndex=function(a){return this.$items=a.parent().children(".item"),this.$items.index(a||this.$active)},c.prototype.getItemForDirection=function(a,b){var c=this.getItemIndex(b),d="prev"==a&&0===c||"next"==a&&c==this.$items.length-1;if(d&&!this.options.wrap)return b;var e="prev"==a?-1:1,f=(c+e)%this.$items.length;return this.$items.eq(f)},c.prototype.to=function(a){var b=this,c=this.getItemIndex(this.$active=this.$element.find(".item.active"));return a>this.$items.length-1||0>a?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){b.to(a)}):c==a?this.pause().cycle():this.slide(a>c?"next":"prev",this.$items.eq(a))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,d){var e=this.$element.find(".item.active"),f=d||this.getItemForDirection(b,e),g=this.interval,h="next"==b?"left":"right",i=this;if(f.hasClass("active"))return this.sliding=!1;var j=f[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:h});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,g&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(f)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:h});return a.support.transition&&this.$element.hasClass("slide")?(f.addClass(b),f[0].offsetWidth,e.addClass(h),f.addClass(h),e.one("bsTransitionEnd",function(){f.removeClass([b,h].join(" ")).addClass("active"),e.removeClass(["active",h].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(c.TRANSITION_DURATION)):(e.removeClass("active"),f.addClass("active"),this.sliding=!1,this.$element.trigger(m)),g&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this};var e=function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}};a(document).on("click.bs.carousel.data-api","[data-slide]",e).on("click.bs.carousel.data-api","[data-slide-to]",e),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){var c,d=b.attr("data-target")||(c=b.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"");return a(d)}function c(b){return this.each(function(){var c=a(this),e=c.data("bs.collapse"),f=a.extend({},d.DEFAULTS,c.data(),"object"==typeof b&&b);!e&&f.toggle&&"show"==b&&(f.toggle=!1),e||c.data("bs.collapse",e=new d(this,f)),"string"==typeof b&&e[b]()})}var d=function(b,c){this.$element=a(b),this.options=a.extend({},d.DEFAULTS,c),this.$trigger=a(this.options.trigger).filter('[href="#'+b.id+'"], [data-target="#'+b.id+'"]'),this.transitioning=null,this.options.parent?this.$parent=this.getParent():this.addAriaAndCollapsedClass(this.$element,this.$trigger),this.options.toggle&&this.toggle()};d.VERSION="3.3.2",d.TRANSITION_DURATION=350,d.DEFAULTS={toggle:!0,trigger:'[data-toggle="collapse"]'},d.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},d.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b,e=this.$parent&&this.$parent.children(".panel").children(".in, .collapsing");if(!(e&&e.length&&(b=e.data("bs.collapse"),b&&b.transitioning))){var f=a.Event("show.bs.collapse");if(this.$element.trigger(f),!f.isDefaultPrevented()){e&&e.length&&(c.call(e,"hide"),b||e.data("bs.collapse",null));var g=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[g](0).attr("aria-expanded",!0),this.$trigger.removeClass("collapsed").attr("aria-expanded",!0),this.transitioning=1;var h=function(){this.$element.removeClass("collapsing").addClass("collapse in")[g](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return h.call(this);var i=a.camelCase(["scroll",g].join("-"));this.$element.one("bsTransitionEnd",a.proxy(h,this)).emulateTransitionEnd(d.TRANSITION_DURATION)[g](this.$element[0][i])}}}},d.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse in").attr("aria-expanded",!1),this.$trigger.addClass("collapsed").attr("aria-expanded",!1),this.transitioning=1;var e=function(){this.transitioning=0,this.$element.removeClass("collapsing").addClass("collapse").trigger("hidden.bs.collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(e,this)).emulateTransitionEnd(d.TRANSITION_DURATION):e.call(this)}}},d.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()},d.prototype.getParent=function(){return a(this.options.parent).find('[data-toggle="collapse"][data-parent="'+this.options.parent+'"]').each(a.proxy(function(c,d){var e=a(d);this.addAriaAndCollapsedClass(b(e),e)},this)).end()},d.prototype.addAriaAndCollapsedClass=function(a,b){var c=a.hasClass("in");a.attr("aria-expanded",c),b.toggleClass("collapsed",!c).attr("aria-expanded",c)};var e=a.fn.collapse;a.fn.collapse=c,a.fn.collapse.Constructor=d,a.fn.collapse.noConflict=function(){return a.fn.collapse=e,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(d){var e=a(this);e.attr("data-target")||d.preventDefault();var f=b(e),g=f.data("bs.collapse"),h=g?"toggle":a.extend({},e.data(),{trigger:this});c.call(f,h)})}(jQuery),+function(a){"use strict";function b(b){b&&3===b.which||(a(e).remove(),a(f).each(function(){var d=a(this),e=c(d),f={relatedTarget:this};e.hasClass("open")&&(e.trigger(b=a.Event("hide.bs.dropdown",f)),b.isDefaultPrevented()||(d.attr("aria-expanded","false"),e.removeClass("open").trigger("hidden.bs.dropdown",f)))}))}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.3.2",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('