/Angel-Lite

A Smiple and Easy Modify Ghost Theme——一个简单又容易修改的Ghost主题

Primary LanguageCSS

Angel-Lite Ghost Theme 0.2 release

Install

  1. please modify /post.hbs disqus_shortname = '' content for your disqus ID
  2. modify partials/header.hbs partials/menu2.hbs partials/footer.hbs links to yours.
  3. delete few javascript file and no adaptive menu.
  4. remove CDN links in deafult.md.
  5. improve page response speed.

reference

Change Social Link  Replace #0 to your social link (in header.hbs) 

 <ul>
			<!-- inser more links here -->
			<li class="weibo">
			    <a href="http://weibo.com/2092860157"><!-- 请修改为自己的url -->
			        <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <i class="fa fa-weibo fa-stack-1x fa-inverse"></i>
                    </span>
			    </a>
		    </li>
		    
		    <li class="twitter">
			    <a href="https://twitter.com/moonlikesd">
			        <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
                    </span>
			    </a>
		    </li>
		    
		    <li class="googleplus">
			    <a href="https://plus.google.com/u/1/113126898607169220997">
			        <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
                    </span>
			    </a>
		    </li>
		   
		   <li class="rss">
			    <a href="http://node.freedom.moe/rss/">
			        <span class="fa-stack fa-lg">
                        <i class="fa fa-circle fa-stack-2x"></i>
                        <i class="fa fa-rss fa-stack-1x fa-inverse"></i>
                    </span>
			    </a>
		    </li>
	</ul>

you can modify menu link in "menu2.hbs":

    <ul>
	    <li><a href="{{@blog.url}}"><div class="sidebox"><img src="{{asset "img/side_icon02.png"}}">Home</div></a></li>
		<li><a href="{{@blog.url}}/guidang/"><div class="sidebox"><img src="{{asset "img/side_icon01.png"}}">Archive</div></a></li>
		<li><a href="javascript:void(0);" ><div class="sidebox"><img src="{{asset "img/side_icon04.png"}}">QQ</div></a></li>
		<li><a href="javascript:void(0);" ><div class="sidebox"><img src="{{asset "img/side_icon03.png"}}">Weibo</div></a></li>
		<li style="border:none;"><a href="javascript:goTop();" class="sidetop"><img src="{{asset "img/side_icon05.png"}}"></a></li>
	</ul>

Demo image:

1 2 3

Angel-Lite主题 0.2 Beta

中文说明

  1. 去掉一些js和不能自适应页面的的菜单。
  2. 去掉部分CDN文件。
  3. 提高页面响应速度。

下一步添加min.css框架，去掉原有的css,需要一些时间。

Angel-Lite Ghost Theme 0.1 beta 中文说明

  1. 修改 /post.hbs 文件的 disqus_shortname = '' 引号内,内容为 你的disqus ID.
  2. 修改文件 partials/header.hbs partials/menu.hbs partials/menu2.hbs partials/footer.hbs的links变为你自己的.
  3. 修改 /deafult.hbs里面的javascript CDN，换成你自己的。 example：
           <!--[if lt IE 9]>
           <script src="{{asset "js/selectivizr-min.js"}}"></script>
           <script src="{{asset "js/html5.js"}}"></script>
        <![endif]-->

####演示地址： Live Demo

Bug修复

js失效 已经修正

存在已知Bug

main.js的$不能为read

欢迎大家push fix，有很多不足的地方，请多多指教。

历史版本

  1. Angel-Lite Ghost Theme 0.1 beta

##此主题基于Kular框架上添加，去掉不能自适应的菜单。

=====

Modern Ghost Theme

##Kular | Modern Ghost Theme

###Download: Kular ###Behance: Kular ###Preview: Kular (you must load unsafe script)

  1. Introduce Kular, the modern & responsive theme for Ghost Blog. It is designed to focus content, it suitable for blog, mini news page,...
  • Masonry Layout.
  • Responsive.
  • Infinite scrolling.
  • Clean & focus content.
  • And more...
  1. Contact me