首页 > 编程知识 正文

从零开始的异世界生活雷姆,新手怎么做博客

时间:2023-05-03 15:38:19 阅读:44424 作者:3688

博客其实博客的正式名称是网络日记,正如你知道的名字一样,它是一个个人管理使用特定软件在网上出版发表和发表个人文章的人,或者是不定期更新文章的网站。

现在互联网正在发展,出现了很多可以自己写博客的网站。 大家可以发布自己的文章,自己记录,别人读。 但是,可以自己建立属于自己的个人博客网站吗? 本文介绍如何从0开始构建自己的个人博客网站,并将其部署到自己的服务器上。 这里有一点可以说,没有服务器的同学使用自己机器上的linux系统也是同样的操作。 我们选择易于使用的博客框架Hexo构建我们的个人博客。

博客框架Hexo介绍: Hexo使用Markdown和其他渲染引擎分析文章,在几秒钟内创建静态网页并显示发布的文章,还提供许多美丽的博客主题,是快速高效的博客论坛

Hexo博客框架的优点非常快。 通过Node.js的超高速生成速度,数百页的页面在几秒钟内瞬间渲染。 markdown支持: hexo支持GitHub Flavored Markdown的所有功能,还可以集成大多数Octopress插件。 一键部署:一个命令即可部署到GitHub Pages、Heroku或其他平台。 插件和可扩展性:这也是hexo的强大之处,强大的API提供了无限的可能性,与多个模板引擎(EJS、Pug、Nunjucks )和工具(Babel、PostCSS、Less/Sass )简单

1.git安装

直接使用yum安装即可,在命令行中输入yum-y安装git

完成后,键入git version验证安装是否成功。 显示git版本信息后,成功如下。

安装Node.js

Node.js是在服务端运行的JavaScript,是基于Chrome JavaScript运行时构建的平台。

因为Hexo基于Node.js,所以安装Node.js是必须的操作。 安装步骤如下。

Hexo博客框架搭建:

wget 3359 nodejs.org/dist/v 12.13.1/node-v 12.13.1-Linux-x64.tar.xz 3358 ww.Sina.com /

#解压缩tar-xvjf node-v6. 10.1-Linux-x64.tar.xz #/usl/lcoal目录下的mv node-v6. 10.1-Linux-x64/usr/locoal 幽默酸奶/npm /幽默酸奶/npm#环境变量echo ' export path=/usr/local/node-V6 /幽默酸奶3333

在命令行中输入node -v和npm -v,显示版本号后安装成功。

2.1:下载安装包:

Hexo的安装很简单,用以下命令安装

npm install -g hexo-cli#此处有一点需要注意。 npm的来源在海外,访问可能会变慢。 在这里,可以替换为国内的源进行安装,加快速度。 操作如下。 npmconfigsetregistry https://registry.NPM.Taobao.org

2.2:解压缩软件包并配置环境变量:

的安装完成后,运行以下命令初始化Hexo

#您可以自己指定此文件名。 然后,在当前目录下生成相应的文件夹hexo init文件名cd文件名npm install,以了解安装后的目录结构。

2.3:测试是否安装成功:

_config.yml :站点的配置信息。 您可以在此配置大多数参数。

package.JSON:APP应用程序的信息。 默认情况下,EJS、Stylus和Markdown renderer是安装的,可以自由删除。

scaffolds :模板文件夹。 创建新文章时,Hexo会基于scaffold创建文件Hexo。 模板是默认情况下在新创建的文章文件中输入的内容。 例如,如果修改了scaffold/post.md中的Front-matter内容,则每次创建新文章时都会包括此修改。

source :资源文件夹是存储用户的资源

的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

themes:主题 文件夹。Hexo 会根据主题来生成静态页面。

查看hexo的版本以及对应的数据:

3.2生成静态文件,并开启Hexo服务:

进入到了hexo的安装目录之后,使用hexo generate来生成静态文件,也可以使用hexo g,之后使用hexo server(可以写成hexo s)命令启动服务,操作如下:

可以看到4000端口的服务已经开启,之后在你的浏览器输入http://<你的linux机器的ip地址或者服务器公网地址>:4000,如下可以看到最开始的一个界面:

4.初步使用Hexo:

使用前,我们对我们的站点进行一个配置,也就是我们创建的hexo目录的_config.yml文件,可以修改的部分介绍如下:

# Sitetitle: QIMING.INFO #博客网站的标题subtitle: #博客网站的副标题description: #你的网站描述keywords: #网站的关键词 author: #作者的名字language: #博客网站使用的语言timezone: #网站时区

我自己的修改如下供大家参考,这里的修改没有太大的限制:

4.1:开始使用Hexo发布自己的第一篇博客!

执行下面的目录创建一篇新文章:

hexo new post <文章标题>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9Tz5aBlT-1622032930755)(pictures/image-20210526145922392.png)]

这里我创建了一篇标题为First_Blog的博客,创建之后hexo目录下面的source/_post文件夹下会产生一个First_Blog.md的文件

4.2:编辑文章

进入到上面说的那个目录下可以看到我们创建的博客文件:

直接使用vim或者vi就可以对我们的博客文章进行编辑了,打开此First_Blog.md后可以看到—分隔的区域,这部分主要对文章进行标注变量,如下:

title:标题

tage:标签

categories:分类

date:时间

这些标注大家在-----区域可以进行使用

4.3:发布文章

输入如下命令,生成静态网页,静态网页会存放在public文件下

hexo ghexo s

之后就可以去浏览器访问了!可以看到我们发布的文章已经成功在浏览器显示,到这里个人博客网站就已经成功搭建了。

5.主题的选择:

主题网站:https://hexo.io/themes/ hexo提供了大量精美的主题供我们选择,选择喜欢的主题,在hexo目录下的themes文件夹下使用git clone下载主题,之后再配置文件_config.yml把theme后面修改成下载的主题的名字,之后运行hexo clean ,hexo g即可看到生效的主题。

将Hexo部署上线到服务器:

如果是有服务器的小伙伴,也可以将Hexo部署到服务器供全网访问,服务器的购买这里就不多说,阿里云跟腾讯云上面对于学生也有较为优惠的价格。部署到服务器的话,就需要将上面的全部操作,在你的服务器系统上面执行,之后我们使用Nginx(反向代理服务器)进行部署。

Nginx安装:

Nginx是一款高性能的 HTTP 和反向代理服务器,这里我们采用编译安装的方式,按照下面的指引依次执行命令

#安装gcc编译环境:yum install -y gcc-c++#安装zlib-devel库:yum install -y zlib-devel#安装OpenSSL密码库:yum install -y openssl openssl-devel#安装pcre正则表达式库:编译nginx,需要需要指定pcre的路径,这里我们选择安装稳定版本的。下载地址:https://ftp.pcre.org/pub/pcre/#选择对应的版本下载下来之后上传到我们的服务器,也可以使用wget直接下载tar -xf pcre-8.43.tar.gzcd pcre-8.43mkdir -p /usr/local/pcre./configure --prefix=/usr/local/pcremake && make install

下载编译安装nginx:

nginx下载官网:http://nginx.org/en/download.htmlwget http://nginx.org/download/nginx-1.16.0.tar.gzmkdir -p /usr/local/nginxtar -xf nginx-1.16.0.tar.gz#编译指定安装路径需要进入nginxcd nginx-1.16.0./configure --prefix=/usr/local/nginx --with-http_ssl_module --with-http_stub_status_module --with-pcre#http_ssl_module 这是支持https的一个模块,就是可以使用https://这样去访问。make && make install #编译安装

启动nginx服务:

#启动:/usr/local/nginx/s风趣的酸奶/nginx -c /usr/local/nginx/conf/nginx.conf #用指定配置文件的方式启动 -c#测试:/usr/local/nginx/s风趣的酸奶/nginx -t #这个用于测试nginx的语法是否有问题 显示is successful即为成功。#关闭:/usr/local/nginx/s风趣的酸奶/nginx -s stop#继续输入以下命令使Nginx开机自动启动:systemctl enable nginx#配置文件的位置:/usr/local/nginx/conf

之后我们需要配置服务器公网ip,编辑配置文件。

之后再重启nginx服务,开启hexo服务,这个时候使用公网的ip就可以访问到我们的hexo服务了!

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。