首页 技术教程

记一次给博客加上静态导航页面--Typecho


概要

[scode type="blue"] 此方法是在本人一台主机和一个域名的情况搭建的,基础环境:LNMP+Typecho[/scode]


先上效果图关山映月
导航页

在一次偶然几会看到友链里的老哥原谅唐的这个界面,感觉还不错,给人一种简洁和清爽的感觉,看了他的帖子找到了Eventually | HTML5 UP,还有其他一些好的的模板供你选择。

下载源码

这里提供官网下载

Download

然后将源码上传到服务器根目录中

修改配置

这里一Nginx为例,应为只有一台服务器,Nginx默认监听在80端口,现在想要用同一个域名访问就要在Nginx中添加配置,
编辑Nginx的安装路径下的nginx.conf

vim /usr/local/nginx/conf/nginx.conf

找到server,默认的是一个80端口的配置,我们直接复制下来修改一下就行,
默认配置

复制到配置文件下面,只需修改server_nameroot参数,我在这里二级域名指向的网站目录,主域名指向的导航页面。

server {
      listen 80;
 server_name  这里替换你的二级域名带www;  #如www.blog.kangch.top
 root /这里是你源码的路径,指定到文件夹就行;
 location / {
      index index.html ;
}

复制并修改后的配置

重启Nginx

/etc/init.d/nginx restart

域名解析

因为只有一个域名,要在解析就只能使用二级域名,
打开阿里云域名控制台-->选择你的域名-->域名解析-->添加记录
记录类型选择:@ WWw 分别添加两个
主机记录:blog (就是你二级域名的前缀,填blog二级域名就是blog.xxxxxxx.top)
记录值:你的ip地址

访问域名



文章评论

    春山 访客ChromeWindows
    2020-03-9 20:41   回复

    学到了|´・ω・)ノ