zhaoda / spring Goto Github PK
View Code? Open in Web Editor NEWSpring is a blog engine written by GitHub Issues
Home Page: http://zhaoda.net/spring/
License: MIT License
Spring is a blog engine written by GitHub Issues
Home Page: http://zhaoda.net/spring/
License: MIT License
Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.
The quick brown fox jumped over the lazy
dog's back.
This is a blockquote.
This is the second paragraph in the blockquote.
This is an H2 in a blockquote
Some of these words are emphasized.
Some of these words are emphasized also.
Use two asterisks for strong emphasis.
Or, if you prefer, use two underscores instead.
With multiple paragraphs.
This is an example link.
This is an example link.
I get 10 times more traffic from Google than from
Yahoo or MSN.
I start my morning with a cup of coffee and
The New York Times.
I strongly recommend against using any <blink>
tags.
I wish SmartyPants used named entities like —
instead of decimal-encoded entites like —
.
If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:
<blockquote>
<p>For example.</p>
</blockquote>
Spring is a blog engine written by GitHub Issues, or is a simple, static web site generator. No more server and database, you can setup it in free hosting with GitHub Pages as a repository, then post the blogs in the repository Issues.
You can add some labels in your repository Issues as the blog category, and create Issues for writing blog content through Markdown.
Spring has responsive templates, looking good on mobile, tablet, and desktop.Gracefully degrading in older browsers. Compatible with Internet Explorer 10+ and all modern browsers.
Get up and running in seconds.
比如说,我只想使用spring做为我的todo界面,该如何修改呢?
CNAME
file, if you need to set up the domain name, please add your own.HTML5 Appcache
function, if you understand this feature, please add your own.页面显示Template Error。
报错如下:
main.min.js:2 Template Error
<id>
anonymous
<name>
Render Error
<message>
Cannot read property 'length' of undefined
<line>
1
<source>
<%$.each(blogs, function(i, blog) {%> <article> <span class="date"><%=$.spring.fn.getDate(blog.created_at)%></span> <h3><a href="<%=blog.html_url%>" data-href="#issues/<%=encodeURIComponent(blog.number)%>" class="taplink"><%=blog.title%></a></h3> <%if(blog.labels.length) {%> <p class="tag"> <%$.each(blog.labels, function(j, label) {%> <a href="https://github.com/<%=$.spring.config.owner%>/<%=$.spring.config.repo%>/issues?labels=<%=encodeURIComponent(label.name)%>&page=1&state=open" class="taplink" style="background: #<%=label.color%>" data-href="#labels/<%=encodeURIComponent(label.name)%>"><%=label.name%></a> <%})%> </p> <%}%> </article> <%})%>
这个在手机浏览器上有点问题,第二级页面 和第一级页面重叠了
windowphone IE
For example,
After viewing http://zhaoda.net/#labels/Project, when one want to go back to Home(http://zhaoda.net/#), the Tab name still shows "Project".
Chrome Version 45.0.2454.85 (64-bit)
OS X Yosemite 10.10.5
Spring birthday! First release!
提供一些不知道是否有用的信息。
不知道是不是我的个例,不影响使用,应该没什么问题。
For the impatient, here's how to get a Spring blog site up and running.
Repository Name
.index.html
file to edit the config variables with yours below.$.extend(spring.config, {
// my blog title
title: 'Spring',
// my blog description
desc: "A blog engine written by github issues [Fork me on GitHub](https://github.com/zhaoda/spring)",
// my github username
owner: 'zhaoda',
// creator's username
creator: 'zhaoda',
// the repository name on github for writting issues
repo: 'spring',
// custom page
pages: [
]
})
CNAME
file if you have.Issues
feature.https://github.com/your-username/your-repo-name/issues?state=open
.New Issue
button to just write some content as a new one blog.http://your-username.github.io/your-repo-name
, you will see your Spring blog, have a test.http://localhost/spring/dev.html
.dev.html
is used to develop, index.html
is used to runtime.spring/
├── css/
| ├── boot.less #import other less files
| ├── github.less #github highlight style
| ├── home.less #home page style
| ├── issuelist.less #issue list widget style
| ├── issues.less #issues page style
| ├── labels.less #labels page style
| ├── main.less #commo style
| ├── markdown.less #markdown format style
| ├── menu.less #menu panel style
| ├── normalize.less #normalize style
| ├── pull2refresh.less #pull2refresh widget style
| └── side.html #side panel style
├── dist/
| ├── main.min.css #css for runtime
| └── main.min.js #js for runtime
├── img/ #some icon, startup images
├── js/
| ├── lib/ #some js librarys need to use
| ├── boot.js #boot
| ├── home.js #home page
| ├── issuelist.js #issue list widget
| ├── issues.js #issues page
| ├── labels.js #labels page
| ├── menu.js #menu panel
| ├── pull2refresh.less #pull2refresh widget
| └── side.html #side panel
├── css/
| ├── boot.less #import other less files
| ├── github.less #github highlight style
| ├── home.less #home page style
| ├── issuelist.less #issue list widget style
| ├── issues.less #issues page style
| ├── labels.less #labels page style
| ├── main.less #commo style
| ├── markdown.less #markdown format style
| ├── menu.less #menu panel style
| ├── normalize.less #normalize style
| ├── pull2refresh.less #pull2refresh widget style
| └── side.html #side panel style
├── dev.html #used to develop
├── favicon.ico #website icon
├── Gruntfile.js #Grunt task config
├── index.html #used to runtime
└── package.json #nodejs install config
http://localhost/spring/dev.html
, enter the development mode.css
, js
etc.dev.html
view change.$ npm install
$ grunt
http://localhost/spring/index.html
, enter the runtime mode.master
branch into gh-pages
branch if you have.<div class="ds-thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div>
仔细的看一了下源码= =,没有找到相应的正则表达式,这个三个数据都是怎么获取的?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.