搭建自己的博客

269 阅读2分钟

拥有个人博客网站的好处

想发啥发啥,不怕被审核掉

网站风格自己改造,想怎么炫酷就怎么炫酷

有幸做大后还可以可以承接广告

拥有属于自己的一片小天地

 

首先一个服务器,不然的话,你搭建的只能在自己的电脑看,别人看不到

我使用的是3A服务器,便宜带宽高

 

下面我们就一起来看看怎么搭建一个博客网站,这里以 hugo 为例。

先说下 hugo 的优点,go 语言编写,响应速度非常快,博客内容支持主流的 markdown 格式。

 

下载 hugo 软件

github.com/gohugoio/hu…

image.png

然后上传到系统中

 

解压部署

mkdir hugo

tar xvf hugo_0.101.0_Linux-64bit.tar.gz -C hugo

cd hugo

cp hugo /usr/local/bin/

image.png

创建博客网站目录

不需要使用 mkdir 创建,只需要执行下面这个命令,就自动创建了

hugo new site hugoblog

这样就创建了一个博客网站目录 hugoblog/,并生成了必要的配置文件和目录。

hugo new site hugoblog

image.png

config.toml:配置文件

content:网站内容,其下的 post 目录就是我们存放博客文章的目录,文章采用 markdown 格式,一个文件就是一篇博客文章。书写和管理都十分方便。

static:存放媒体文件,可以使用 URL 直接访问。甚至可以被当作图库,我的所有的博客文章里的图片都是存放在这里。

themes:存放第三方主题,一个目录就是一个主题

 

下载主题

cd themes/

git clone gitee.com/lyndon2/mau…

mv maupassant-hugo/ maupassant

 

修改配置文件

这是我一直使用的配置文件,大家可以根据自己的实际情况增减修改

 cat config.toml

languageCode = "en-us"

title = "Lyndon's Blog"

theme = "maupassant"

 

summaryLength = 70

hasCJKLanguage = true

 

#保持分类的原始名字(false会做转小写处理)

preserveTaxonomyNames = true

 

[author]

        name = "Lyndon"

 

[params]

        localSearch = true

        author = "Lyndon"

        #busuanzi = true

 

[menu]

        [[menu.main]]

                identifier = "about"

                name = "关于"

                url = "/about/"

                weight = 4

        [[menu.main]]

                identifier = "archives"

                name = "归档"

                url = "/archives/"

                weight = 3

 

[markup]

        [markup.highlight]

                #lineNos = true

                #style = "github"

                #style = "monokai"

                #style = "solarized-light"

                style = "monokailight"

 

[params.utteranc]

    enable = true

    repo = "liyongjun123/hugo-blog-issue"    # 存储评论的Repo,格式为 owner/repo

    issueTerm = "pathname"  #表示你选择以那种方式让github issue的评论和你的文章关联。

    theme = "github-light" # 样式主题,有github-light和github-dark两种

运行

hugo server -w --baseURL=http://192.168.1.29:8088 --bind=0.0.0.0 --port=8088

 

浏览器访问

image.png