天给大家分享五个开源的博客系统，可用于免费创建自己的博客，也有大量精美的模板使用，也就是说你不懂技术，用了这五个开源系统也能创建自己的博客，至于创建博客的好处，想必大家都知道，可用户记录生活，分享技术，也能锻炼一下自己的文笔。

一.wordpress

wordpress老牌博客系统，开源免费，有大量的精美模板，也有大量教程，可基于wordpress开发很多项目，博客也只是它的一部分。当然wp也有很多插件，生态比较成熟，使用起来方便。WordPress核心是使用标准的Web编码语言-PHP和MYSQL构建的。前端页面是HTML、CSS、JavaScript、jQuery和AJAX的组合。

二.emlog个人博客系统

emlog 是 every memory log 的简称，意即：点滴记忆。是一款基于PHP和MySQL的功能强大的博客及CMS建站系统。致力于为您提供快速、稳定，且在使用上又极其简单、舒适的内容创作及站点搭建服务。emlog是国内一个php程序员开发的，年限也不少了，也有很多成熟的模板和插件，使用起来也很方便。

三.z-blog

Z-Blog既是博客程序，也是CMS建站系统。已走过十余年风雨的她们，有着强大的可定制性、丰富的插件接口和独立的主题模板，致力于给国内用户提供优秀的博客写作体验。期待她们能成为您写博客的第一选择,开源免费、小巧强大的博客程序与CMS建站系统,也有很多的模板和插件。

四.thinkcmf

ThinkCMF是一款基于ThinkPHP+MySQL开发的中文内容管理框架。ThinkCMF提出灵活的应用
机制，框架自身提供基础的管理功能，而开发者可以根据自身的需求以应用的形式进行扩展。每个应用都能独立的完成自己的任务，也可通过系统调用其他应用进行协同工作。在这种运行机制下，开发商城应用的用户无需关心开发SNS应用时如何工作的，但他们之间又可通过系统本身进行协调，大大的降低了开发成本和沟通成本。

五.fastadmin

fastadmin一个快速的开发的后台管理、会员中心、API接口、移动应用API等等功能，你可以在FastAdmin发布你开发的完整应用或插件，共享FastAdmin开放的生态资源。你可以在FastAdmin找到你需要的应用、小程序，快速部署你自己的完整网站、APP或小程序。

这五个开源的博客系统，都可以快速创建博客，如果你不知道怎么下载，安装，可以私信我，我是专业的程序员，帮你来处理，欢迎大家一起交流。

欢迎关注云码素材，交流分享! 云码素材原创作品，更多精品资源下载，技术分享请关注，私信云码素材！

很多网站上，都有一个点击图片或点击某个链接会将指定的图片下载到本地的功能，而这个功能就需要html 元素中的 A 标签的 download 属性来实现，接下来飞鸟慕鱼博客就来说一说关于使用html或js实现图片点击下载的功能。

A 标签的 download 属性

download：属性为 A 标签在 HTML5 中新增加的一个属性，它可以强制触发浏览器的下载操作。

语法：

<a href="text.jpg" download="下载后的文件名称" >点击我可下载图片</a>

例：使用 html A 标签下载图片

HTML代码：

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

1、download 属性规定被下载的超链接目标。

2、在 <a> 标签中必须设置 href 属性。

3、该属性也可以设置一个值来规定下载文件的名称。所允许的值没有限制，

js + html 实现下载

如果不方便使用A标签来实现下载，可以使用JS生成A元素的形式，来实现同样的效果。

案例代码：

<img id="mochu_img" src="test.jpg" >
<button type="button" οnclick="Download_Img()">点击下载图片</button>
<script>
 function Download_Img() {
 var img = document.getElementById('mochu_img'); // 获取要下载的图片
 var url = img.src; // 获取图片地址
 var a = document.createElement('a'); // 创建一个a节点插入的document
 var event = new MouseEvent('click') // 模拟鼠标click点击事件
 a.download = 'mochu_img' // 设置a节点的download属性值
 a.href = url; // 将图片的src赋值给a节点的href
 a.dispatchEvent(event) // 触发鼠标点击事件
 }
</script>

download 属性补充说明

1、并不是所有的浏览器支持此属性，Firefox 和 Chrome是支持的

2、Chrome 浏览器，在本地测试时失效

3、download 属性，为html5 中新增的属性

8月中旬离职后，每天在boss投递十几个简历，一个月了才两个面试机会，焦虑的心情难受啊。每天找工作外还继续开发之前未完成的个人博客系统，终于差不多一个月开发了1.0版本。为了不让自己那么焦虑每天编码2-5个小时，上周个人博客系统上腾讯云服务器，今天域名审批通过，备案还得等待。

系统介绍

今天分享的个人博客系统，主要功能有后台文章管理、分类管理、静态页面管理、系统设置、帮组页设置，后续继续完善一些其它功能；前台网站是一个纯静态页面网站，并已适配移动端，所有静态页面后台生成到nginx的www目录。整体功能思维导图如下：

功能思维导图

主要功能

• 发文编辑器是标准markdown富文本编辑器，让您文章编排更轻松简单；
• 文章分类无线层级，可以随意增加自己的分类；
• 文章支持手动设置推荐，推荐的文章在其它页面都可以看到；

前台博客页面展示

后台管理页面展示

系统源码

项目结构

技术选型

博客前台： html5 + css3 + jquery

博客后台： springboot2 + thymeleaf + freemarker + mysql + markdown 编辑器

体验版博客地址

博客前台网站地址： https://www.javalaoniu.com

搭建好的博客就是上面连接的博客一样哦，当然博客名称、logo等可以设置为您自己的。

博客管理后台地址： http://myblog-admin.javalaoniu.com/page/admin-index.html

如果无法自动跳转，请手动复制到浏览器中。后台管理地址需要登录的话请使用该账号登录（ javalaoniu/java123456），请不要进行删除操作，谢谢。

源码获取

如果您想获取该博客系统源码或者想搭建博客网站，请私信。

该源码可用于

• 计算机毕业设计；
• 学习研究；
• 个人博客；
• 其它商业或个人用途；

购买服务

如果您需要下面的服务请私信我，99元即可拥有，谢谢您的支持

• 该博客程序网站部署，全程免费部署（代购买服务器、代购买域名、代网站备案、软件安装、网站部署等）一条龙服务，不懂任何技术也可以拥有自己的一个博客网站咯；
• 该博客系统一年内使用指导，技术支持（更新新功能、修复bug）；
• 该博客系统一个月内源码解答，指导，包教包会；