您好!欢迎来到爱源码

爱源码

热门搜索: 抖音快手短视频下载   

用Hugo+Gitbook+Nginx搭建一个静态博客网站 [源码交易平台]

  • 时间:2022-11-03 11:25 编辑: 来源: 阅读:345
  • 扫一扫,手机访问
摘要:用Hugo+Gitbook+Nginx搭建一个静态博客网站 [源码交易平台]
之前一直在用wordpress搭建的博客,因为它是我在一个云端搞活动时买的最低配置的服务器,wordpress需要安装很多组件,所以网站变得越来越慢。 最近发现Hugo是go写的静态网站生成器,速度很快,依赖Markdown文件。很适合博客,所以我就把之前的都干掉了。 看了几个帖子,大部分都是本地编辑,然后转换成html文件扔进Github,再通过Github页面访问。我也测了一下,觉得访问GIthub还是太慢,而且最近Github也不稳定,就直接部署在我的Linux服务器上了,用个人域名访问还是挺快的。 我的博客是用Nginx作为Web服务器部署的,Hugo和Gitbook的静态网页是通过个人域名访问的。 一、部署hugo在Github上下载Hugo的发布包并上传到Linux服务器$ yum-y安装git golang $ mkdir-p/app/Hugo _ 0 . 74 . 3 $ tar xfhugo _ 0 . 74 . 3 _ Linux-64 bit . tar . gz-c/app/Hugo _ 0 . 74 . 3 $ CP/app/Hugo _ 0 . 74 . 3/Hugo/local/bin/$ Hugo version Hugo静态站点生成器v0.74.3-DA043Toml内容数据布局静态主题在这里选择一个主题hugo themes选择你喜欢的主题并跟随主题的REAMDE,比如我选择了纯主题$ CD/app/Zhan minglog $ git clone xiaoheiah/Hugo-theme-Pure Themes/Pure。因为每个主题的风格和功能都不一样,所以要根据主题的自述细节进行调试。将主题的配置和文章目录复制到$ RM-f/app/Zhan minglog/config . toml $ CP-rth emes/pure/example/*/app/Zhan minglog/根据自己的想法修改模板的配置文件进行调试。可以参考主题的自述文件。我的部分定义如下:$ cat config . base URL:http://www . un min . club theme:pure title:going ahead default content language:zh # en/zh/...footnote return link contents:↩hascjklanguage: true paginate:7 enable emoji:true pygmentscodefenses:false googlenalytics:" " # ua-XXXXXX-x permalinks:posts:/:year/:month/:filename/taxonomy:- 所以我们可以不使用hugo new posts/xxx.md命令直接创建新文章。 $ CD/app/zhanming blog/content/posts $ touch eleo . MD $ cathelo . md++ #是文章的定义,如标题、作者、目录等。 author = " forward " title = " first article " date = " 2020-07-29 " description = "这是我用hugo创作的第一篇文章" tags = ["Hugo ",]categories =[" series "]# aliases =[" aliases "]++ #一、Hugo详情Hugo是一个轻量级静态资源服务``` ` shell $ hello Hugo-启动服务预览。因为我使用的是Linux公共云服务器,所以我需要打开外部访问。如果是windows原生调试,那么直接使用hugo server启动访问端口4000 $ Hugo Server-bind = " 0 . 0 . 0 . 0 "-v-w-b http://www . un min . club当然这种启动方式也可以直接在线使用,直接修改或创建md文件即可,不需要使用build命令将其转换成html文件。 如果是本地调试,可以用hugo命令把文件转换成html格式,这样会生成一个名为“public”的目录,然后把这个目录的内容放到Github或者Nginx上访问。 因为我还需要用Gitbook写文章,打算把两者合二为一,所以我选择直接在Linux上修改文章,通过启动剩下的端口号来预览文章,然后发布到hugo转换成html并复制到nginx的html目录中,最后通过Nginx的80端口访问。 指定端口号预览文章$ Hugo server-bind = " 0 . 0 . 0 . 0 "-v-w-p 8080-b http://www . un min . club www . un min . club如果没有问题,发布文章预览,然后构建成html文件,生成公共目录。注意hugo命令需要在网站的根目录下。 $ Hugo $ ls public/2020 About-us categories CSS elk-Book fonts index . XML k8s-Book posts search index . JSON sitemap . XML 404 . Html About-Hugo avatar.png联系人捐赠favicon . ico index.html JS页面普罗米修斯-图书系列标签二、部署Nginx为前台代理,使用Nginx为前台hugo背后的代理和gitbook服务$ yum -y安装nginx复制刚刚转换成nginx的html文件。可以写一个update.sh脚本$ RM-RF/usr/share/nginx/Html/* $ CP-r/app/zhanmin blog/public/*/usr/share/nginx/Html nginx $ system CTL start nginx访问网站www.unmin.club III。现在可以部署gitbookHugo了, 我们开始部署gitbook部署node . js $ wget https://nodejs . org/dist/v 12 . 18 . 1/node-v 12 . 18 . 1-Linux-x64 . tar . xz $ tar xf node-v 12 . 18 . 1-Linux-x64 . tar . xx profil $ export PATH = $ PATH:/app/node-v 12 . 18 . 1-Linux-x64/bin $ source/etc/Profile $ node-vv 12.18 . [深入了解Pod](chapter 1/Pod . MD)*[kubernetsb编排](chapter 2/readme . MD)*[部署](chapter 2/deployment . MD)*[状态集](chapter 2/stateful set . MD)*[守护进程集](chapter 2/daemon set . MD)*[Kubernets配置管理](chapter 3/readme . MD)*[config map](chapter 3/config map . MD)*[secret](chapter 3/secret . MD)*[service account](chapter 3/service account . MD)*[RBAC]) /style/website.css" }," structure ":{ " readme ":" readme . MD " }," links ":{ " sidebar ":{ " Back to blog ":" http://www . un min . club " } }," plugins ":["anchors "," auto-scroll-table "," chapter-fold "," expandable-chapters-small "," toggle-chapters "," advanced-emoji "," code "," favicon "," fontsettings "," klipse", "-livereload ","-lunr "," pageview-count "," page-toc-button "," popup "," sharing-plus "gitbook-link"] }、" theme-default ":{ " show level ":true }、" code": { "copyButtons": true }、" tbfed-pagefooter": {"copyright占敏2020 "、" modify _ label ":"本书已发布:"、" modify _ format ":" YYYY-MM-DD HH:MM:ss " }、" page-TOC-button ":{ " maxtoc depth ":2、" minTocSize": 2 }、" sharing": { "douban": false、" facebook": false、" google": false、" hatena " whatsapp" ] }、" anchor-navigation-ex ":{ " show level ":true }、" favicon":{ "shortcut ":"、" bookmark ":" } } }插件$ gitbook安装在安装文件创建文章$ mkdir/app/k8s-book/chapter 1 $ vim/app/k8s-book/chapter 1/readme . MD hello git book git book还支持本地预览。 您可以使用gitbook serve命令来$ gitbook serve。没问题。我们会像hugo一样把它转换成html文件,生成_book目录。您可以使用gitbook build命令来升级文章。 $ git book build $ ls/app/K8s-book _ book第1章第2章第3章第4章第5章第6章第7章readme.mdsummary.mdupdate.sh配置Nginxok。现在我们修改Nginx的配置文件。添加目录地址$ vim/etc/nginx/nginx . conf-server { listen 80 default _ server;listen[::]:80 default _ server;server _ name _root/usr/share/nginx/html;#加载默认服务器块的配置文件。包括/etc/nginx/default.d/*。conflocation/{ } error _ page 404/404 . html;location =/40x . html { } error _ page 500 502 503 504/50x . html;location =/50x . html { } location/K8s-book { # #新增访问路径别名/app/K8s-git book/_ book;#这个路径是关键,是GitBook项目下构建的_book目录。您需要运行GitBook build命令来自动生成索引index.html·index.htm;自动索引打开;-平滑重启$ nginx -s重装访问验证访问hugo ww . un min . club访问gitbook,添加后缀/k8s-book,当然,在Hugo上添加跳转链接。 Www.unmin.club IV。配置七牛云图床因为markdown是用来写作的,所以静态博客上无法显示少量图片,所以我们需要建立自己的图像床。我用的是七牛云,免费空间10G,时间不限。 在这里注册七牛云客户,点击对象存储,创建存储空间运维技术社,给你一个30天的临时测试域名,过期回收,最好用自己的域名。 添加CDN加速域名。我配置了一个二级域名。我还没有在服务提供商处给这个二级域名添加解析。image.png现在去找域名服务商,加一个二级域名解析,比如我的腾讯云image.png。记录的数值是七牛云增加CDN域名加速时得到的CNAME值。将鼠标悬停在域名上即可获得。 详细配置可以在官方文档中查看。最后,域名配置可以成功显示给image.png。5.使用PicGOPicGo可以帮助我们自动将复制的图片转换成Markdown链接,非常方便。 安装下载地址后,配置七牛云途床运维技术俱乐部的AccessKey/SecretKey获取方式。image.png设置的访问地址是您添加的二级域名,存储区配置如下运维技术俱乐部后即可使用:点击确定。 运维技术学会关注微信官方账号回复【k8s】获取视频教程及更多资讯:image.png


  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【技术支持|常见问题】1502企业站群-多域名跳转-多模板切换(2024-04-09 12:19)
【技术支持|常见问题】1126完美滑屏版视频只能显示10个(2024-03-29 13:37)
【技术支持|常见问题】响应式自适应代码(2024-03-24 14:23)
【技术支持|常见问题】1126完美滑屏版百度未授权使用地图api怎么办(2024-03-15 07:21)
【技术支持|常见问题】如何集成阿里通信短信接口(2024-02-19 21:48)
【技术支持|常见问题】算命网微信支付宝产品名称年份在哪修改?风水姻缘合婚配对_公司起名占卜八字算命算财运查吉凶源码(2024-01-07 12:27)
【域名/主机/服务器|】帝国CMS安装(2023-08-20 11:31)
【技术支持|常见问题】通过HTTPs测试Mozilla DNS {免费源码}(2022-11-04 10:37)
【技术支持|常见问题】别告诉我你没看过邰方这两则有思想的创意广告! (2022-11-04 10:37)
【技术支持|常见问题】你正确使用https了吗? [php源码](2022-11-04 10:37)

联系我们
Q Q:375457086
Q Q:526665408
电话:0755-84666665
微信:15999668636
联系客服
企业客服1 企业客服2 联系客服
86-755-84666665
手机版
手机版
扫一扫进手机版
返回顶部