美文网首页
创建个人静态博客

创建个人静态博客

作者: 青梅煮酒2022 | 来源:发表于2019-12-16 19:35 被阅读0次

思路:

  • 本地使用Hexo生成静态页面(html)
  • 上传到WEB服务器

1、 安装Hexo 及生成静态页面

  • 安装Node.js
    下载安装包直接安装即可
  • 安装Hexo
  1. 安装Hexo:$ npm install hexo-cli -g # 如果提示权限问题则使用sudo运行。
  2. 初始化博客目录:$ hexo init blog
  3. 切换到博客目录下安装依赖包:$ cd blog && npm install
  4. 启动预览服务器:$ hexo s,在浏览器中访问localhost:4000,如果一切正常就可以看到博客页面了
    根目录下的_config.yml是Hexo的配置文件,可以按照个人喜好修改博客的配置。
    Hexo 常用命令:
  • $ hexo new [name] # 新建一篇以[name]为标题的博文,博文保存在/source/_posts目录下
  • $ hexo new [layout] [name] # 新建layout类型的文章
  • $ hexo g #生成静态文件
  • $ hexo d #按_config.yml的配置部署
  • $ hexo g -d #生成静态文件后部署
  • $ hexo clean #清除静态文件缓存
    hexo g 生成的静态文件 通常在 [博客目录]/public 下面,把这些全部上传到web服务器的 WWW目录下即可。

2、搭建 web 服务器,分为github 和自建 WEB服务器

2.1 GithubPage 提供了免费的WEB服务

1) GithubPage
注册 github 账号:username
创建[username].github.io 仓库
博客地址:https://[username].github.io/
仓库地址:https://github.com/username/username.github.io
2)发布到github

  • 安装 git
  • 在博客根目录安装 hexo-deployer-git :$ npm install hexo-deployer-git --save
  • 修改 _config.yml 中的 deploy 项
    Deploy:
    type:git
    repo:git@github.com:username/username.github.io
    branch:master
    以后运行 $hexo d 部署,自动发布到github,可能要求输入github 用户名和密码。(建立SSH 信任后可以不用输入密码)

2.2 自建web服务器(nginx)

Nginx是一款轻量级的网页服务器、反向代理服务器。相较于Apache、lighttpd具有占有内存少,稳定性高等优势。它最常的用途是提供反向代理服务。
安装完 ngix 之后,找到配置文件
/usr/local/nginx/conf/nginx.conf
Server
接收请求的服务器需要将不同的请求按规则转发到不同的后端服务器上,在 nginx 中我们可以通过构建虚拟主机(server)的概念来将这些不同的服务配置隔离。
server {
listen 80;
server_name localhost;
root html;
index index.html index.htm;
}
root html # WWW服务的根目录,安装nginx 目录下面又个 html 目录,Hexo 生成的public 下面的文件,全部放到这个下面,重启 nginx 就可以了。

相关文章

  • 创建个人静态博客

    思路: 本地使用Hexo生成静态页面(html) 上传到WEB服务器 1、 安装Hexo 及生成静态页面 安装No...

  • Pelican创建静态博客

    介绍 Pelican是用python语言编写的静态网站生成器,支持Markdown、reStructuredTex...

  • 搭建个人博客

    注册GitHub账号 地址:https://github.com/ 创建博客 根据:用静态页面生成静态博客 个性化...

  • Effective Java笔记

    转载自个人博客 创建和销毁对象 考虑使用静态工厂代替构造函数 静态工厂具有名称,可读性强 不必在每次调用时都创建新...

  • django与前端相结合

    个人博客:http://pmx-xiguazi.com上次创建了前端模板以及配置好了django静态文件,所以今天...

  • iOS组件化开发之私有库创建(下)

    前言 上篇博客我们叙述了手动创建了静态库的过程,这篇博客我们将讲创建私有库的最后内容,打包静态库并推送到二进制库,...

  • 个人博客网站_静态

    大学期间做了一个个人博客网站,纯静态网站,利用php搭建了一个留言模块。(前端)代码地址:https://gith...

  • Hugo搭建个人博客

    Hugo 主流静态博客框架 搭建个人博客肯定会用到"静态博客框架",比较主流的有Hexo与Hugo。 Hexo是一...

  • 你可能没仔细了解过什么是静态博客

    在我们期待去搭建个人博客之前,还是先了解下所谓的静态博客。 1.何为静态博客,何为动态博客 首先,要知道一个网站最...

  • 如何创建个人博客

    原文地址:https://blog.csdn.net/gdutxiaoxu/article/details/535...

网友评论

      本文标题:创建个人静态博客

      本文链接:https://www.haomeiwen.com/subject/atodnctx.html