个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件

我们的博客后台已经搭建好了，接下来我就要选择一个合适的模板做自己的博客，首先要定位你的博客是做什么用的，是属于什么行业，根据自己博客的定位选择适合的模板。

如果你是设计师，又会前端设计开发，那就可以自己原创设计模板，由于小编设计及前端不太专业，所以这里就不班门弄斧了，我从网上下载了一个模板，用来讲解和开发这次的博客。

从网上下载模板的地方很多，这里也给大家推荐几个不错的模板下载网站，我必较常用的几个网站是，云码素材，猪猪源码，17素材，jqueryfans,jquery222等素材站。从这些网站你可以选择下载个人博客模板，下面的图片是我的博客模板。

个人博客制作

一．修改模板描述文件

Thinkcmf系统已经发布了5.1版本，基于thinkphp5.1最新，最稳定的版本，这次我开发的云码博客系统也是基于5.1的最新版本，如何把你下载的的静态模板添加到后台呢？

public hemes文件夹下是thinkcmf存放模板的地方，新建一个文件夹，或者你复制默认文件夹重命名就行了。每一个前台模板根目录都会有一个manifest.json描述文件,它的结构如下:

{

"name": "simpleboot3",/*模板名,和目录名一样*/

"version": "1.0.0",/*模板版本号*/

"demo_url": "http://demo.thinkcmf.com",/*模板演示地址*/

"author": "ThinkCMF",/*模板作者*/

"lang": "zh-cn",/*模板的语言*/

"author_url": "http://www.thinkcmf.com",/*模板作者个人主页*/

"keywords": "ThinkCMF模板",/*模板关键字*/

"description": "ThinkCMF默认模板!"/*模板描述*/

}

二．修改模板文件里的css，js，图片路径

修改模板文件里的css，JS，图片路径，用__TMPL__/public/assets/css，替换模板里的css路径即可，其它的JS，images一样的替换就行了，__TMPL__在thinkcmf里是模板路径变量名称，不懂的可以去官网查看手册。

个人博客制作

三．后台添加模板及启用模板

3.1后台模板管理，安装模板，就能看到你刚才复制的模板，安装即可。

3.2 安装过后，在所有模板里点击启用，这样模板就可以正式启用了。

清除一下缓存，在浏览器里输入你的本地域名，是不是发现你的网站新模板已经可以打开了，到这里我们这一节也就结束了，下一节我们将学习和开发，后台添加博客分类，前端博客导航修改成动态调用数据及其它的细节开发。跟着我一步一步把你的博客建立起来。

个人博客制作

我们的代码会共享出来，分享给大家。如果你获取完整的文字教程，视频教程，源码，关注工众号：云码素材，私信我入群，和小伙伴一起学习，一起动手制作，一起探讨代码。

欢迎大家加我微信，xnynews，加入500人微信群，一起学习PHP开发，也欢迎大家关注我的公众号：云码素材