This is my new blog : englianhu.github.io
This is my first post about how do I build this hugo blog. I used to try to build a Hugo blog during January 2016 via DigitalOcean.com (CentOS 7) but there has some unexpected issues:
- Unable access into console.
- Mouse unable control the cursor in the virtual operating system.
- Internet line always interrupted.
- The theme hugo-theme-air is not complete and not workable.
Today I am trying to continue build my hugo blog in Windows 10 as I occassionally saw the hugo-theme-air has maintaned and updated. You can read the reference to know about what is HUGO.
Firstly, you need to create a GitHub Pages at GitHub. I just simply created mine as englianhu.github.io. You are feel free to refer to GitHub Pages for further information.
After that, I've just simply download as a ｮStudio project via ｮStudio IDE. You are feel free to read Setup ｮStudio Server on Digital Ocean --- CentOS 7 if you are using centOS 7 on DigitalOcean.com. You might choose only command prompt will be able to create yours easily.
Here is my path for the Hugo blog > C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io but only the files inside folder Public be push to Github and publish as webpage on my blog.
Secondly, you need to go to spf13/hugo to download the latest (currently version 1.6 is the most updated version) version. Click here to download the HUGO server Windows 64 bit.
Due to the Hugo.exe is a standalone app, therefore I just simply locate it at > C:\Users\scibr\Documents\GitHub\englianhu and then move the folder englianhu.github.io to path C:\Users\scibr\Documents\GitHub\englianhu.github.io to save the github relevant files. After that, I open Shell inside Tools in ｮStudio IDE menu bar (new session).
Follow by run below codes to create a website:
> C:\Users\scibr\Documents\GitHub\englianhu>hugo new site englianhu.github.io
After create a structure of the website, move the hugo.exe into folder englianhu.github.io manually and then run below codes:
> C:\Users\scibr\Documents\GitHub\englianhu>cd englianhu.github.io
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io>git init
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io>git submodule add https://github.com/syui/hugo-theme-air.git themes/air
The 利用 Hugo & GitHub 搭建个人博客静态网站 in reference use git submodule add git@github.com:Zenithar/hugo-theme-crisp.git themes/crisp but there will require passphrase and SSH while I directly using url which will be more easier.
Remember the Hugo.exe is an standalone app and I move it to C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io\themes> in order to run the app as below codes in [2.4 Browse via LocalHost Before Publish].
We need to modify the configuration file via file name config.toml inside folder theme air as well as the config.toml inside folder englianhu.github.io.
baseurl = "http://englianhu.github.io"
languageCode = "en"
title = "RYO, ENG Lian Hu"
paginate = 8
theme = "air"
[params]
description = "白戸則道：実に面白いですね！"
email = "englianhu@gmail.com"
[permalinks]
post = "/:year/:title/"
addendum = "/addendum/:year/:title/"
We can try to browse the demo version and modify it prior to publish.
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io\themes>hugo server --theme=hugo-theme-air --buildDrafts --watch
Well, now we try to browse the http://127.0.0.1:1313/ localhost.
When you modified your post content and decide to post on your blog. Now you just run below codes and a folder public will be created.
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io>hugo
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io>cd public
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io>git add -A && git commit -m "first post"
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io>git push origin master
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io>cd ..
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io>git add -A && git commit -m "init hugo coder"
> C:\Users\scibr\Documents\GitHub\englianhu\englianhu.github.io>git push origin master
The files will upload to github repo and your blog and 1st post has been successful. Please be mind that Hugo blogs only publish the index file as html web page inside folder Public.
It is very simple to build a hugo blog. You might try to build yours. Benoît Benedetti (2015) in [4. Reference] is a tutorial about create a HUGO theme which is quite interesting and might read through some other days to create mine.
- 使用hugo搭建个人博客站点
- 利用 Hugo & GitHub 搭建个人博客静态网站
- Building a theme with Hugo - Tutorial to build a Hugo Theme by Benoît Benedetti (2015)
Sςιβrοκεrs Trαdιηg®
世博量化®企业知识产权及版权所有，盗版必究。