个人博客制作如何选择前端模板 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开发,也欢迎大家关注我的公众号:云码素材
个人博客制作如何选择前端模板 thinkcmf后台加载新模板 CSS js文件的更多相关文章
- 【前端】上拉加载更多dropload.min.js的使用
代码如下:入职代码修改接口及html为自己的即可(下面主要展示js部分) <!DOCTYPE html><html> <head> <meta charset ...
- SpringBoot-Mysql模板多数据源加载
SpringBoot-Mysql模板多数据源加载 qq交流群: 812321371 微信交流群: MercyYao 简介 在 java 项目里常用到 mysql 多数据源操作.结合 springboo ...
- 前端开发,页面加载速度性能优化,如何提高web页面加载速度
一个网页访问速度的快慢, 不仅看它服务器的配置,这里除去你空间主机配置很烂的情况以外,我们从网站开发方面来探讨,前端技术需要从哪些方面提高访问的速度,需要用到哪些技术手段. 文件的加载 图标的加载: ...
- “Word自动更改后的内容保存到通用文档模板上。是否加载该模板?“的解决办法
在win7系统下,Word2010出现了不能正常关闭.打开一个已有word文档,点击右上角关闭按钮后,先提示"word已停止工作,windows正在检查该问题的解决方案",随后提示 ...
- javascript模板库jsrender加载并缓存外部模板文件
前一篇说了jsrender嵌套循环的使用,在SPA的应用中,广泛使用的一个点就是view模板,使用了SPA之后,每个业务页面不再是独立的html,仅仅是一个segment,所以通常这些segment会 ...
- Angularjs 异步模块加载项目模板
ng-lazy-module-seed(Angularjs 异步模块加载项目模板) 相信做过SPA项目的朋友都遇到过这个问题:页面初始化时需要加载文件太大或太多了,许多文件加载后很可能不会运行到,这是 ...
- iis发布后模板字体不能加载的解决方案
在使用ace模板的过程中就曾遇到过图标不显示的情况, 1.在iis和vs运行都不能显示图标,添加缺失的字体库后可以访问 2.把项目签入到阿里云时再一次失效,解决方法是添加Mime类型 .woff a ...
- django模板中自动加载static
TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join( ...
- AMD和RequireJS初识----优化Web应用前端(按需动态加载JS)
RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一.最新版本的RequireJS压缩后只有14K,堪称非常轻量.它还同时可以和其他的框架协同工作,使用Re ...
随机推荐
- 【转】mip-semi-fixed 走走又停停
写在前面 MIP 中悬浮元素的特殊情况 其实组件上线已经有一段时间了,最开始看到这个需求是站长提交了一个这中功能的组件过来,不过看过代码立刻就想到了 MIP 页面的特殊性:从结果页打开的 MIP 页面 ...
- c#批量抓取免费代理并验证有效性
之前看到某公司的官网的文章的浏览量刷新一次网页就会增加一次,给人的感觉不太好,一个公司的官网给人如此直白的漏洞,我批量发起请求的时候发现页面打开都报错,100多人的公司的官网文章刷新一次你给我看这个, ...
- redis-win-server 正确启动方式
C:\Users\Administrator\Desktop\Redis-x64-2.8.2402\redis-server.exe C:\Users\Administrator\Desktop\R ...
- RazorPage 小测试,作下记录
@page@inject Microsoft.AspNetCore.Antiforgery.IAntiforgery Xsrf@{}@functions{ public AppInfo item { ...
- Wmyskxz文章目录导航附Java精品学习资料
前言:这段时间一直在准备校招的东西,所以一晃眼都好长时间没更新了,这段时间准备的稍微好那么一点点,还是觉得准备归准备,该有的学习节奏还是要有..趁着复习的空隙来整理整理自己写过的文章吧..好多加了微信 ...
- 软件工程通用软件体系结构主机终端模式、B/S 、C/S 结构和多层分布式结构
软件系统的体系结构经历了主机终端模式.客户机/服务器(C/S)模式.浏览器/服务器(B/S)和多层分布式结构. 主机/终端结构: 早期计算机系统多是单机系统,多个用户是通过联网终端来访问的,没有网络的 ...
- 利用MAT玩转JVM内存分析(一)
本文首发于公众号:javaadu 尽管JVM提供了自动内存管理的机制,试图降低程序员的开发门槛,确实也实现了这一目标,在日常开发中,我们一般都不需要关心对象的内存释放.JVM大部分都是使用trace算 ...
- mysql7笔记----遍历节点所有子节点
mysql遍历节点的所有子节点 DELIMITER // CREATE FUNCTION `getChildrenList`(rootId INT) ) BEGIN ); ); SET sTemp = ...
- .NET Core 必备安全措施
.NET Core大大简化了.NET应用程序的开发.它的自动配置和启动依赖大大减少了开始一个应用所需的代码和配置量,本文目的是介绍如何创建更安全的.NET Core应用程序. 1.在生产中使用HTTP ...
- 不可思议的纯 CSS 滚动进度条效果
结论先行,如何使用 CSS 实现下述滚动条效果? 就是顶部黄色的滚动进度条,随着页面的滚动进度而变化长短. 在继续阅读下文之前,你可以先缓一缓.尝试思考一下上面的效果或者动手尝试一下,不借助 JS , ...