Some time ago a little bereavement, broken to think of, a cavity solitary brave alive also had a lot of pressure, but feel not very tired.

As the saying goes, contend with the day, contend for the impermanence of a day, contend with the world, contend for a world vicissitudes of life, contend with people, contend for a heart unpredictable, why not be honest, drizzly life of this life.

Today want to share how to build personal blog website, programmers more or less also should have their own blog website, on the one hand is to record their own work summary, or learning record, on the other hand, a kind of writing ability accumulation can help you go further.

An excellent programmer needs to learn and understand too much and too wide, if we only rely on the human brain to keep the accumulation of technology, the efficiency is slow, so we need a special accumulation of personal knowledge wealth, blog system or forum system.

1 Writing Assistant

The tray assistant helps domestic users to write, with one click to publish local articles to mainstream blog platforms (Zhihu, Jianshu, Blog Garden, CSDN, SegmentFault, Gold diggings, Open Source China), and one click to upload clipboard pictures to graph platform (Sina, Github, Tushell, Tencent Cloud, Ali Cloud, Youpaiyun, Qiniuyun).

Github address: github.com/onblog/Blog…

There is no interface, only stored in the system tray of the small assistant 🌝, to help more people better writing!

1.1 features

  • One click to publish local articles to Zhihu, Jianshu, Blog Park, CSDN, Nuggets, SegmentFault, Open Source China and other platforms.
  • Supported map bed: Sina, SM.MS, Github, Imgur, Qiuniuyun, Tencent Cloud, Ali Cloud, Youbaiyun.
  • Support shortcut keys to upload the first picture in the clipboard, update the clipboard content to the picture link.
  • One-click upload of a local image referenced in a local article to the map bed and replace it with a reference link.
  • To the clipboard copy of the code for alignment operation, to solve the paste code left white distress.
  • One click to convert HTML files to Markdown text files (batch support).
  • Carry on various DIY operation to the picture in the local article, one key network picture download, one key local article collation.
  • Rich tool set, including one button to open wechat article typesetting, one button to open image material website, etc.

Preview:

2 Halo

Halo.run /

Halo: a modern blog /CMS system worth checking out.

Halo community: bbs.halo.run/

2.1 features

To build a Halo blog, it’s best to have your own server and domain. For more information on how to build a Halo blog from scratch, please refer to our previous post on Halo: How to Build a Personal/Corporate Website from Scratch.

2.2 Halo structures,

For different servers, the setup method is also different:

MacOS:

$wget https://dl.halo.run/release/halo-1.4.2.jar $Java - jar halo - 1.4.2. JarCopy the code

Windows:

Click https://dl.halo.run/release/halo-1.4.2.jar to download. $Java - jar halo - 1.4.2. JarCopy the code

Docker (recommended) :

# to create a working directory $mkdir ~ /. Halo && CD ~ /. Halo # download sample configuration file to the working directory $wget https://dl.halo.run/config/application-template.yaml - O Yaml # Edit the configuration file, $docker run -d --name halo -p 8090:8090 -v ~/. Halo :/root/.halo ruibaby/haloCopy the code
  • -it: enables the input function and connects to the pseudo terminal
  • -d: indicates the background running container
  • – name: Specifies a name for the container
  • P: –Port mapping in the format ofHost (host) port: container port, can be inapplication.yamlConfiguration.
  • -v: indicates the mapping of the working directory. The format is -v. Host path :/root/.halo, which cannot be modified.
  • – restart:You are advised to set this parameter toalwaysAutomatically launches Halo containers when Docker starts.

Open http://ip: port number to enter the installation boot screen.

As for the construction of Halo, Docker is recommended. As for Docker technology, students who are not familiar with Docker are strongly recommended to learn it. Container technology is still popular at present, and Docker, as a representative product of container technology, is really simple and convenient, and has high applicability in production level.

2.3 the theme

Halo has a variety of theme styles that can satisfy your fantasies about skins, but if those aren’t enough, you can always write your own theme.

My website is Halo, and it feels good.

3 Hexo

Website: hexo.bootcss.com/

Hexo: Fast, concise, and efficient blogging framework

Recommend a good Hexo theme: github.com/shenliyang/…

Another great Hexo theme: github.com/theme-nexmo…

3.1 features

3.2 Hexo structures,

$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server
Copy the code

The above command is set up locally, but we cannot access it through the Internet. In order to make our personal blog website published on the Internet for all to see, here is a recommended way for you to use Github Pages+Hexo to complete the set up of personal blog website.

There are rich tutorial cases about this part on the Internet, I will not write again, directly to share a few good tutorial for reference:

  • GitHub Pages+Hexo
  • Build your own independent blog using Github Pages and Hexo
  • Hexo+Github Page

Once set up, you can deploy your blog Hexo on Github and buy a domain instead of a server.

After that, you can have fun writing Markdown technical documentation and moving on.

3.3 the theme

With more than 300 themes to choose from, Hexo offers a wealth of themes that will allow you to go from skin to skin every day without looking the same.

Java development blog

4.1 Solo: Small and beautiful blog system, built for the future

Blog: b3log.org/solo/

Small but beautiful blog system, built for the future

I have to say, Solo’s rich theme is very good, there are many favorite styles.

4.2 PerfreeBlog: Java developed blog /CMS system

Blog address: perfree.org.cn/

4.3 OneBlog: Java blog

OneBlog is a simple, beautiful, powerful, and adaptive Java blog. Use Springboot development, front-end use Bootstrap. Support mobile terminal adaptive, equipped with complete front and background management functions.

Blog address: docs.zhyd.me/

4.4 Tale: Developed by Balde

Github address: github.com/otale/tale

I believe that everyone who keeps blogging has a Tale. Chinese you call it collapsed also doesn’t matter 🤣.

Tale was developed using Blade, a lightweight MVC framework, with a nice pinghsu theme as the default theme

4.5 My Blog

Github address: github.com/ZHENFENG13/…

4.6 My Site

Github address: github.com/WinterChenS…

My Site is a personal website implemented by Docker+SpringBoot2.0+Mybatis+ Thymeleaf and other technologies. It was originally a Docker and Springboot actual practice project. It has been open source, with complete functions, simple deployment and perfect code.

4.7 Bolo

Github address: github.com/adlered/bol…

Pineapple blog system based on Java, simple and easy to deploy, exquisite theme, intimate services, designed for programmers.

5 WordPress

Website: www.wpmee.com/

China: cn.wordpress.org/

WordPress should be the best choice for many non-programmers, simple and convenient, the theme is very, very many, of course, some good-looking fees.

It also seems to be the most used blogging site.

The official website of a lot of companies also has to build a station through it, it is relatively rich.

6 Typecho

Website: typecho.org/

Topic station: typecho. Me /

7 B3log

Official website: b3log.org/

Bulletin Board Blog is an open source organization whose goal is to combine independent blogs and forums to form a new online community experience.

  • A modern Java community (forum /BBS/ social network/blog) platform
  • A content – oriented discussion forum is implemented
  • Realize the community of knowledge question and answer
  • Social networks for users to share, make friends and play games
  • 100% of open source

8 Hugo

Official website: www.gohugo.org/

Hugo is a static web site generator implemented by the Go language. Simple, easy to use, efficient, easy to expand, rapid deployment.

9 DoraCMS

Official website: www.doracms.com/

DoraCMS is a content management system based on NodeJS, using technology stacks including EggJS, mongodb, Vue, single-SPA and so on. The code structure is clear, the directory planning is reasonable, and the project as a whole takes into account the whole process from ordinary users to developers to develop, compile and publish.

10 VuePress

Website: vuepress.vuejs.org/zh/

Vue – driven static web site generator

11 docsify

Official website: docsify.js.org/#/

A magic document site builder.

Docsify can help you quickly generate document websites. Unlike GitBook, Hexo does not generate static.html files; all conversion is done at run time. If you want to get started, just create an index.html and start writing documentation and deploy it directly on GitHub Pages.

11.1 features

  • No need to build, write documentation and publish directly
  • Easy to use and lightweight (~21kB after compression)
  • Intelligent full text search
  • Multiple sets of topics are available
  • Rich API
  • Support Emoji
  • Compatible IE11
  • Support for server-side rendering SSR (example)

12 jekyll

Official website: www.jekyll.com.cn/

Turn plain text into static websites and blogs.

13 Docusaurus

Website: www.docusaurus.cn/

Docusaurus helps you quickly build and optimize your website, allowing you to focus on creating content

14 world Tree applets – cloud development

Code cloud address: gitee.com/KyotoKing_t…

15 This site: VitePress

Website: fttp.jjf-tech.cn/vitepress/

Example site: www.lovebetterworld.com/

What is VitePress?

VitePress is the younger brother of Vite, built on top of Vite.

15.1 the characteristics of

  1. Almost real-time service startup
  2. Compile the page as needed
  3. Very lightweight and fast HMR (hot module overload)