zoukankan      html  css  js  c++  java
  • 个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件

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

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

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

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

    个人博客制作

    一.修改模板描述文件

    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里是模板路径变量名称,不懂的可以去官网查看手册。

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

    个人博客制作

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

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

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

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

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

    个人博客制作

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

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

  • 相关阅读:
    VMware下安装Ubuntu虚拟机
    py3+urllib+bs4+反爬,20+行代码教你爬取豆瓣妹子图
    老铁,这年头得玩玩这个:Git基本操作【github】
    本地Git与GitHub服务器建立连接(SSH方式通信)
    python开启httpserver服务在自动化测试中的一个小运用
    python测试webservice接口
    Xcache3.2.0不支持php7.0.11
    Nginx设置alias别名目录访问phpmyadmin
    CentOS 7.2.1511编译安装Nginx1.10.1+MySQL5.7.15+PHP7.0.11
    CentOS平滑更新nginx版本
  • 原文地址:https://www.cnblogs.com/3rocks/p/10502210.html
Copyright © 2011-2022 走看看