TitanPages 静态博客生成器 TitanPages

polaris • 1300 次点击    
这是一个分享于 的项目,其中的信息可能已经有所发展或是发生改变。
TitanPages是一个静态博客生成器, 可以配合githubpages轻松的搭建自己的博客。 #### 展示网站请转到: [https://qibin0506.github.io/](https://qibin0506.github.io/) ### [](https://github.com/qibin0506/TitanPages/blob/master/README.md#如何使用)如何使用 #### [](https://github.com/qibin0506/TitanPages/blob/master/README.md#step-1)step 1.     下载源码编译源码(linux用户, 可以直接下载tt文件;windows用户可直接下载tt.zip解压使用) #### [](https://github.com/qibin0506/TitanPages/blob/master/README.md#step-2)step 2.     创建文件, 在你的工作空间用命令行运行以下命令:     tt -type create -file 你的文件名称     例如: tt -type create -file 我的第一篇博客 #### [](https://github.com/qibin0506/TitanPages/blob/master/README.md#step-3)step 3.     写作, 打开/raw/你的文件名称文件, 进行文章的书写(注意: 文章的格式必须是markdown的) #### [](https://github.com/qibin0506/TitanPages/blob/master/README.md#step-4)step 4.     编译markdown文件,写作完成后, 运行命令:     tt -type build -file 你的文件名称 [-author 作者] [-tmpl 要使用的模板文件]     例如: tt -type build -file 我的第一篇博客 -author 亓斌 -tmpl ./content.html     (注意: []中的参数为可选参数, 具体content.html模板如何书写会在下面介绍)     现在在/html目录下会生成对应文件名的html文件. #### [](https://github.com/qibin0506/TitanPages/blob/master/README.md#step-5)step 5.     生成目录, 运行命令:     tt -type cate     运行该命令, 在/html目录中会生成一个category.auto.js的javascript文件. #### [](https://github.com/qibin0506/TitanPages/blob/master/README.md#step-6)step 6.     文章模板文件content.html的书写: 1.  使用占位符{{.Title}}表示文章的标题 2.  使用占位符{{.Date}}表示文章的日期 3.  使用占位符{{.Author}}表示文章的作者 4.  使用占位符{{.Desc}}表示文章的描述 5.  使用占位符{{.Content}}表示文章内容 注意: 关于占位符{{.desc}}的说明: 建议将这个描述放在&lt;meta name=&#39;description&#39;&gt;&lt;/meta&gt;中,这样,在生成目录的时候才会产生摘要信息. #### [](https://github.com/qibin0506/TitanPages/blob/master/README.md#step-7)step 7.     关于自动生成的category.auto.js文件的说明, 这个文件是关于文章索引信息的, 我们需要在目录页调用这个文件里的函数: 1. pageCount() 函数会返回分页页码总数(默认分页大小为5) 2. getQueryString(query) 函数可以获取指定的querystring参数, 通常我们用来获取当前页码 3.  get(currentPage) 函数会根据当前页码返回数据数组, 该数组中包含了索引页需要的信息     索引信息数组中包含的信息如下: 1. title 文章的标题 2. date 文章生成的时间 3.  desc 文章的简要描述 demo中的例子: <pre class="brush:js;toolbar: true; auto-links: false;">window.onload = function() { var page = getQueryString(&#34;page&#34;) var count = pageCount() if (page == null) {         page = 1 }else {         page = parseInt(page)     } if(page &gt; 1) { document.getElementById(&#34;nav&#34;).innerHTML += &#34;&lt;a class=&#39;newer-posts&#39; href=&#39;?page=&#34;+(page - 1)+&#34;&#39;&gt;← Newer Posts&lt;/a&gt;&#34; } document.getElementById(&#34;nav&#34;).innerHTML += &#34;&lt;span class=&#39;page-number&#39;&gt;Page &#34;+page+&#34; of &#34;+count+&#34;&lt;/span&gt;&#34; if(page &lt; count) { document.getElementById(&#34;nav&#34;).innerHTML += &#34;&lt;a class=&#39;older-posts&#39; href=&#39;?page=&#34;+(page + 1)+&#34;&#39;&gt;← Older Posts&lt;/a&gt;&#34; } if (page &lt;= count) { var result = get(page) for (var i=0;i&lt;result.length;i++) { document.getElementById(&#34;content&#34;).innerHTML += &#34;&lt;article class=&#39;post&#39;&gt;&lt;header class=&#39;post-header&#39;&gt;&lt;span class=&#39;post-meta&#39;&gt;&lt;time datetime=&#39;&#34;+result[i].date+&#34;&#39; itemprop=&#39;datePublished&#39;&gt;&#34;+result[i].date+&#34;&lt;/time&gt;&lt;h2 class=&#39;post-title&#39;&gt;&lt;a href=&#39;./html/&#34;+result[i].title+&#34;.html&#39;&gt;&#34;+result[i].title+&#34;&lt;/a&gt;&lt;/h2&gt;&lt;/header&gt;&lt;section class=&#39;post-excerpt&#39;&gt;&lt;p&gt;&#34;+result[i].desc+&#34;&lt;/p&gt; &lt;p&gt;&lt;a href=&#39;./html/&#34;+result[i].title+&#34;.html&#39; class=&#39;excerpt-link&#39;&gt;Read More...&lt;/a&gt;&lt;/p&gt;&lt;/section&gt;&lt;/article&gt;&#34; }     } }</pre>
授权协议:
Apache
开发语言:
Google Go 查看源码»
操作系统:
跨平台
1300 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传