Personalized personal main site-use the Hexo framework and main site hexo

Source: Internet
Author: User

Personalized personal main site-use the Hexo framework and main site hexo

We have talked about using Github to build a free personal blog site, so as to get rid of the restrictions of existing blog providers and implement full customization of Blog content. Today, we use the Hexo framework to build a site.

For more information about the construction process, refer to the blog post of this elder brother:
Http://ibruce.info/2013/11/22/hexo-your-blog/
There are also websites with the Hexo framework (which will be used to download and install Hexo ):
Http://hexo.io/
I am still here to provide some tips for the website creation process.

Node. js
About Node. js. If you use Windows and install the downloaded exe installer, even if you select to add environment variables to the installer, typing the npm command at the command prompt still does not work. At least on Windows 7 and Windows 8.1 on my own computer. The solution is to enable the environment variable settings of the system, enter a space, and then remove the space. Make sure it takes effect .~ Region ~

About localization and personalization
In fact, the Hexo official solution provides a multi-language solution, which can be configured in _ config. yml of the framework root directory. However, once the language field is written to CN, an error is reported during the generation process.
Therefore, I will bypass and directly change the themes topic file. Here are some examples (the default landscape is used as an example ):
In the themes \ landscape directory, there is also a file named _ config. yml. Open it. There are several pairs of corresponding relationships in the menu group, such as the "Home" in the front, which correspond to the columns in the upper left corner of the website and change it to Chinese. For example: homepage, archive ...... In addition, expansion is supported. For example, you can add:
Blog: http://blog.csdn.net/xwhnew
When a visitor clicks a blog, the page automatically jumps to the page above.
The excerpt_link under the Content comment is the "Read more" text after the blog's overview. If you change it to "Read more", it will be finished in Chinese.
The favicon under the Miscellaneous comment is the website icon. If you don't need to talk about it, you must modify the personalization!
In each file under themes \ landscape \ layout_widget, the widget-title should be changed to Chinese, for example archive.
Banner.jpg under themes \ landscape \ source \ css \ imagesimages is the background image on the top of the website. Change it to your favorite one!

Blog porting
I believe many of my friends want to transplant all their blog posts to their personal websites. The idea is good. To achieve it, it is necessary to basically master the Markdown syntax. Secondly, there must be a good editor with online versions and software. MarkdownPad is recommended here. It is a PC-side software, and it is enough without the need to buy a paid version. I am also using it now. Finally, Hexo is based on. the header information of the md file is used to read the date information. If we migrate the previous blog post, we only need to change the current time after the date to the time when the old blog post is published.

Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.