個人博客製作如何選擇前端模板 thinkcmf後臺載入新模板 CSS js文件

来源:https://www.cnblogs.com/3rocks/archive/2019/03/09/10502210.html
-Advertisement-
Play Games

我們的博客後臺已經搭建好了,接下來我就要選擇一個合適的模板做自己的博客,首先要定位你的博客是做什麼用的,是屬於什麼行業,根據自己博客的定位選擇適合的模板。 如果你是設計師,又會前端設計開發,那就可以自己原創設計模板,由於小編設計及前端不太專業,所以這裡就不班門弄斧了,我從網上下載了一個模板,用來講解 ...


我們的博客後臺已經搭建好了,接下來我就要選擇一個合適的模板做自己的博客,首先要定位你的博客是做什麼用的,是屬於什麼行業,根據自己博客的定位選擇適合的模板。

如果你是設計師,又會前端設計開發,那就可以自己原創設計模板,由於小編設計及前端不太專業,所以這裡就不班門弄斧了,我從網上下載了一個模板,用來講解和開發這次的博客。

從網上下載模板的地方很多,這裡也給大家推薦幾個不錯的模板下載網站,我必較常用的幾個網站是,雲碼素材,豬豬源碼,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開發,也歡迎大家關註我的公眾號:雲碼素材


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1. 共用的忽略設置方式 本地倉庫根目錄,創建.gitignore文件,並編輯正則匹配需要忽略的文件或目錄。 .gitignore文件需要上傳到倉庫,同時會影響到他人,共用忽略設置 註意: .gitignore只能忽略那些原來沒有被track的文件,如果某些文件已經被納入了版本管理中,則修改.git ...
  • 1.計算“1+2+3+...+100的和 ” 的代碼,註重看 註解的 for迴圈的執行步驟過程 2.for迴圈註意事項:用逗號把多個初始化語句和迭代語句分隔開 for迴圈代碼: for(int i=1,j=i+10;i<5;i++,j=i*2){ System.out.println("i="+i+ ...
  • 1.while語法結構的定義和執行流程圖 2.實例:計算1+2+3+...+100的和 代碼: public class TestWhile { public static void main(String[] args) { // 計算1+2+3+...+100的和 int i=1; int su ...
  • 一:Spring的介紹 什麼是Spring? 什麼是Spring? Spring 是一個輕量級的 DI / IoC 和 AOP 容器的開源框 適用範圍 適用範圍 所有java應用,包括java SE,java EE 根本使命 根本使命 簡化Java開發 Spring 中常用術語: Spring 中常 ...
  • 本文創建方式採用intellij IDEA 創建項目 1.創建基於Eureka的註冊中心。 在打開項目中右鍵,選擇new 選擇moudle 然後下一步 輸入要創建的項目的信息 選擇web下麵的web,選擇cloud discovery下麵的 Eureka server 下一步,創建項目 然後同步po ...
  • package service;import javax.imageio.ImageIO;import java.awt.*;import java.awt.image.BufferedImage;import java.io.File;import java.io.FileInputStream; ...
  • PHP結合zyupload多功能圖片上傳實例,支持拖拽和裁剪、可以自定義高度和寬度,類型,遠程上傳地址等。 zyupload上傳基本配置 遠程上傳up.php 本實例教程轉自https://www.sucaihuo.com/php/1085.html,需要的朋友可以去下載 ...
  • cron 表達式格式:秒 分 時 日 月 周 年(可選) 子表達式範圍 |欄位名|欄位解釋|值範圍|特殊字元| |: |: |: |: | |Seconds|秒|0~59|, /| |Minutes|分|0~59|, /| |Hours|小時|0~23|, /| |Day of Month|天|1~ ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...