天給大家分享五個(gè)開源的博客系統(tǒng)，可用于免費(fèi)創(chuàng)建自己的博客，也有大量精美的模板使用，也就是說你不懂技術(shù)，用了這五個(gè)開源系統(tǒng)也能創(chuàng)建自己的博客，至于創(chuàng)建博客的好處，想必大家都知道，可用戶記錄生活，分享技術(shù)，也能鍛煉一下自己的文筆。

一.wordpress

wordpress老牌博客系統(tǒng)，開源免費(fèi)，有大量的精美模板，也有大量教程，可基于wordpress開發(fā)很多項(xiàng)目，博客也只是它的一部分。當(dāng)然wp也有很多插件，生態(tài)比較成熟，使用起來方便。WordPress核心是使用標(biāo)準(zhǔn)的Web編碼語(yǔ)言-PHP和MYSQL構(gòu)建的。前端頁(yè)面是HTML、CSS、JavaScript、jQuery和AJAX的組合。

二.emlog個(gè)人博客系統(tǒng)

emlog 是 every memory log 的簡(jiǎn)稱，意即：點(diǎn)滴記憶。是一款基于PHP和MySQL的功能強(qiáng)大的博客及CMS建站系統(tǒng)。致力于為您提供快速、穩(wěn)定，且在使用上又極其簡(jiǎn)單、舒適的內(nèi)容創(chuàng)作及站點(diǎn)搭建服務(wù)。emlog是國(guó)內(nèi)一個(gè)php程序員開發(fā)的，年限也不少了，也有很多成熟的模板和插件，使用起來也很方便。

三.z-blog

Z-Blog既是博客程序，也是CMS建站系統(tǒng)。已走過十余年風(fēng)雨的她們，有著強(qiáng)大的可定制性、豐富的插件接口和獨(dú)立的主題模板，致力于給國(guó)內(nèi)用戶提供優(yōu)秀的博客寫作體驗(yàn)。期待她們能成為您寫博客的第一選擇,開源免費(fèi)、小巧強(qiáng)大的博客程序與CMS建站系統(tǒng),也有很多的模板和插件。

四.thinkcmf

ThinkCMF是一款基于ThinkPHP+MySQL開發(fā)的中文內(nèi)容管理框架。ThinkCMF提出靈活的應(yīng)用
機(jī)制，框架自身提供基礎(chǔ)的管理功能，而開發(fā)者可以根據(jù)自身的需求以應(yīng)用的形式進(jìn)行擴(kuò)展。每個(gè)應(yīng)用都能獨(dú)立的完成自己的任務(wù)，也可通過系統(tǒng)調(diào)用其他應(yīng)用進(jìn)行協(xié)同工作。在這種運(yùn)行機(jī)制下，開發(fā)商城應(yīng)用的用戶無需關(guān)心開發(fā)SNS應(yīng)用時(shí)如何工作的，但他們之間又可通過系統(tǒng)本身進(jìn)行協(xié)調(diào)，大大的降低了開發(fā)成本和溝通成本。

五.fastadmin

fastadmin一個(gè)快速的開發(fā)的后臺(tái)管理、會(huì)員中心、API接口、移動(dòng)應(yīng)用API等等功能，你可以在FastAdmin發(fā)布你開發(fā)的完整應(yīng)用或插件，共享FastAdmin開放的生態(tài)資源。你可以在FastAdmin找到你需要的應(yīng)用、小程序，快速部署你自己的完整網(wǎng)站、APP或小程序。

這五個(gè)開源的博客系統(tǒng)，都可以快速創(chuàng)建博客，如果你不知道怎么下載，安裝，可以私信我，我是專業(yè)的程序員，幫你來處理，歡迎大家一起交流。

歡迎關(guān)注云碼素材，交流分享! 云碼素材原創(chuàng)作品，更多精品資源下載，技術(shù)分享請(qǐng)關(guān)注，私信云碼素材！

很多網(wǎng)站上，都有一個(gè)點(diǎn)擊圖片或點(diǎn)擊某個(gè)鏈接會(huì)將指定的圖片下載到本地的功能，而這個(gè)功能就需要html 元素中的 A 標(biāo)簽的 download 屬性來實(shí)現(xiàn)，接下來飛鳥慕魚博客就來說一說關(guān)于使用html或js實(shí)現(xiàn)圖片點(diǎn)擊下載的功能。

A 標(biāo)簽的 download 屬性

download：屬性為 A 標(biāo)簽在 HTML5 中新增加的一個(gè)屬性，它可以強(qiáng)制觸發(fā)瀏覽器的下載操作。

語(yǔ)法：

<a href="text.jpg" download="下載后的文件名稱" >點(diǎn)擊我可下載圖片</a>

例：使用 html A 標(biāo)簽下載圖片

HTML代碼：

<a href="text.jpg" download="text">
 <img src="text.jpg" >
</a>

1、download 屬性規(guī)定被下載的超鏈接目標(biāo)。

2、在 <a> 標(biāo)簽中必須設(shè)置 href 屬性。

3、該屬性也可以設(shè)置一個(gè)值來規(guī)定下載文件的名稱。所允許的值沒有限制，

js + html 實(shí)現(xiàn)下載

如果不方便使用A標(biāo)簽來實(shí)現(xiàn)下載，可以使用JS生成A元素的形式，來實(shí)現(xiàn)同樣的效果。

案例代碼：

<img id="mochu_img" src="test.jpg" >
<button type="button" οnclick="Download_Img()">點(diǎn)擊下載圖片</button>
<script>
 function Download_Img() {
 var img = document.getElementById('mochu_img'); // 獲取要下載的圖片
 var url = img.src; // 獲取圖片地址
 var a = document.createElement('a'); // 創(chuàng)建一個(gè)a節(jié)點(diǎn)插入的document
 var event = new MouseEvent('click') // 模擬鼠標(biāo)click點(diǎn)擊事件
 a.download = 'mochu_img' // 設(shè)置a節(jié)點(diǎn)的download屬性值
 a.href = url; // 將圖片的src賦值給a節(jié)點(diǎn)的href
 a.dispatchEvent(event) // 觸發(fā)鼠標(biāo)點(diǎn)擊事件
 }
</script>

download 屬性補(bǔ)充說明

1、并不是所有的瀏覽器支持此屬性，F(xiàn)irefox 和 Chrome是支持的

2、Chrome 瀏覽器，在本地測(cè)試時(shí)失效

3、download 屬性，為html5 中新增的屬性

8月中旬離職后，每天在boss投遞十幾個(gè)簡(jiǎn)歷，一個(gè)月了才兩個(gè)面試機(jī)會(huì)，焦慮的心情難受啊。每天找工作外還繼續(xù)開發(fā)之前未完成的個(gè)人博客系統(tǒng)，終于差不多一個(gè)月開發(fā)了1.0版本。為了不讓自己那么焦慮每天編碼2-5個(gè)小時(shí)，上周個(gè)人博客系統(tǒng)上騰訊云服務(wù)器，今天域名審批通過，備案還得等待。

系統(tǒng)介紹

今天分享的個(gè)人博客系統(tǒng)，主要功能有后臺(tái)文章管理、分類管理、靜態(tài)頁(yè)面管理、系統(tǒng)設(shè)置、幫組頁(yè)設(shè)置，后續(xù)繼續(xù)完善一些其它功能；前臺(tái)網(wǎng)站是一個(gè)純靜態(tài)頁(yè)面網(wǎng)站，并已適配移動(dòng)端，所有靜態(tài)頁(yè)面后臺(tái)生成到nginx的www目錄。整體功能思維導(dǎo)圖如下：

功能思維導(dǎo)圖

主要功能

• 發(fā)文編輯器是標(biāo)準(zhǔn)markdown富文本編輯器，讓您文章編排更輕松簡(jiǎn)單；
• 文章分類無線層級(jí)，可以隨意增加自己的分類；
• 文章支持手動(dòng)設(shè)置推薦，推薦的文章在其它頁(yè)面都可以看到；

前臺(tái)博客頁(yè)面展示

后臺(tái)管理頁(yè)面展示

系統(tǒng)源碼

項(xiàng)目結(jié)構(gòu)

技術(shù)選型

博客前臺(tái)： html5 + css3 + jquery

博客后臺(tái)： springboot2 + thymeleaf + freemarker + mysql + markdown 編輯器

體驗(yàn)版博客地址

博客前臺(tái)網(wǎng)站地址： https://www.javalaoniu.com

搭建好的博客就是上面連接的博客一樣哦，當(dāng)然博客名稱、logo等可以設(shè)置為您自己的。

博客管理后臺(tái)地址： http://myblog-admin.javalaoniu.com/page/admin-index.html

如果無法自動(dòng)跳轉(zhuǎn)，請(qǐng)手動(dòng)復(fù)制到瀏覽器中。后臺(tái)管理地址需要登錄的話請(qǐng)使用該賬號(hào)登錄（ javalaoniu/java123456），請(qǐng)不要進(jìn)行刪除操作，謝謝。

源碼獲取

如果您想獲取該博客系統(tǒng)源碼或者想搭建博客網(wǎng)站，請(qǐng)私信。

該源碼可用于

• 計(jì)算機(jī)畢業(yè)設(shè)計(jì)；
• 學(xué)習(xí)研究；
• 個(gè)人博客；
• 其它商業(yè)或個(gè)人用途；

購(gòu)買服務(wù)

如果您需要下面的服務(wù)請(qǐng)私信我，99元即可擁有，謝謝您的支持

• 該博客程序網(wǎng)站部署，全程免費(fèi)部署（代購(gòu)買服務(wù)器、代購(gòu)買域名、代網(wǎng)站備案、軟件安裝、網(wǎng)站部署等）一條龍服務(wù)，不懂任何技術(shù)也可以擁有自己的一個(gè)博客網(wǎng)站咯；
• 該博客系統(tǒng)一年內(nèi)使用指導(dǎo)，技術(shù)支持（更新新功能、修復(fù)bug）；
• 該博客系統(tǒng)一個(gè)月內(nèi)源碼解答，指導(dǎo)，包教包會(huì)；