Skip to content
This repository has been archived by the owner on Oct 2, 2019. It is now read-only.

verilab/blog-ng

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BlogNG

License

基于 Vue.jsBootstrapBlogA 前端,Demo:https://blogtang.github.io/blog-ng/

如何使用

首先需要将 BlogA 配置成 mixed 模式或 api 模式(见 API 模式),并在 Nginx、Apache 等服务器里将 /api/ 反代到 BlogA 的地址(具体配置可以看 sample-conf 里的示例)

然后在 main.js 里修改 App 里的 apiUrl 属性(BlogA 后端的地址,如 https://blog.r-c.im,注意结尾不要加 /)和默认 site 属性(注意这个属性是默认填充的,实际获取到 API 的数据后,会使用获取到的信息),以及紧随其后的 sidebar-contenttemplate(也就是侧边栏的内容,注意因为 Vue.js 的限制,模板里面的 <script> 并不会起效果)。

修改 favicons 文件夹里的内容,建议使用 RealFaviconGenerator 在线生成。

全部修改好之后,直接放到 Web 服务器作为静态文件就好了。

如果需要让页面执行一些自定义的脚本,修改 custom.jshandleReadyhandleLoadedAllhandleBeforeDestroy 函数,这三个函数分别会在页面切换完成、内容加载完成和即将销毁的时候执行,注意在浏览过程中会执行多次,所以这里的脚本应该尽量不要依赖于页面状态。

如果需要修改现有模板,可以在 template.js 里自定义那几个组件的 template 属性(建议用 WebStorm,可以很方便地编辑字符串里面的 HTML)。

About

(DEPRECATED) A frontend of BlogA.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published