nature book bug burger costumes doctors hospital office shoes skull rocket

博客建站技术日志

记录博客的创建历程,主要也是用到的一些技术,以及如何配置。初期写得比较多,后期只记录博客站的里程碑。

持续更新中…

2016-09-07

  1. 减少 Nginx 中关于本站的 HTTPS 配置重定向。

2016-08-29

  1. 重新设计LOGO
  2. 调整导航ICON,并设置交互效果
  3. 调整文章样式,增强普屏阅读体验

2016-08-19

  1. 增加友情链接页面

2016-07-01

  1. 全站 HTTPS 化,并且配置 Nginx 把 HTTP 访问的请求,301重定向(永久重定向)去 HTTPS。
  2. 第三方评论工具 多说 HTTPS 支持不好,是由于它引用的登录模块始终是HTTP请求导致。寻找替代品无果后暂时弃用评论功能。
  3. 百度统计 对 HTTPS 支持不好,调整无果后暂用 CNZZ 替代作为统计工具。

2016-06-14

  1. 使用扩展生成 sitemap 和 rss。主要通过安装 hexo-generator-feed 和 hexo-generator-sitemap。
  2. 在百度站长网提交博客,并且引入文章自动推送的JS,希望提高收录速度。
  3. 添加 InstantClick 提升加载体验。并且开启 Nginx Gzip 压缩.

2016-06-13

  1. 根据现有的实际文章,对主题样式进行微调。并且找回了丢失的 多说 评论功能,并且应用在博客中。
  2. 暂时决定尽量少使用JS,也尽可能不用样式图片。
  3. 博客增加若干技术文章,并且部署到 edlad.com 域名,从此开始服役。

2016-06-12

  1. 大范围的整改了样式,增加了移动设备访问支持,并且补全了所有导航下的页面。主题开发初步完成。
  2. 打算使用第三方幻灯片 swiper 插件在文章中,实现后觉得意义不大完全弃用。

2016-06-11

  1. 开发博客主题,以首页文章列表样式为主,并且决定了使用 SVG 图标取代之前的 iconfont。图标主要来自 icomoon.io , 以及著名的图标搜索引擎 iconfinder.com

2016-05-19

  1. 把默认域名重定向到 www 域名下,通过 nginx 配置。

2016-05-18

  1. 通过 apt-get 安装了 phpmyadmin 以及 php5-mcrypt,并且链到 /var/www/html 目录
  2. 配置了 phpmyadmin 域名,以及设置访问,解决 mcrypt 错误的问题。并且备份了配置文件。

2016-05-09

  1. 通过 apt-get 安装了 php5-fpm,并且更新了 nginx 虚拟主机配置。安装命令是:
    apt-get install php5-fpm
    
  2. php5-fpm 安装后配置目录在 /etc/php5/fpm/php-fpm.conf
  3. php5-fpm 安装后代理服务器 /run/php5-fpm.sock

www.conf 内容比较有代表性,做个记录:

server {
  listen 80;  #指定端口
  server_name ~^(www\.|)edlad.com;  #指定域名,波浪号代表使用正则表达式
  root /var/www/html/www;  #指定网站根目录
  index index.html index.php;  #指定默认主页文件
  location ~ \.php$ {
    fastcgi_pass unix:/run/php5-fpm.sock;
    fastcgi_index index.php;
    include fastcgi_params;
  }
}

2016-05-04

  1. 比较主流的博客坑:WordpressGhostHexoToosolo
  2. 细细思量后,决定挖 hexo 3,默认使用 landscape 主题:
    • 主题中用到 Google Fonts,由于 Google 被和谐的原因,所以使用 Google Fonts 国内镜像服务 替换之。
    • 替换默认的评论插件 Docker,因为在国内有时候被墙。尝试了主流的两家:多说有言,两个都难用,但是前者完胜后者。故而,直接修改模板支持之,并且增加配置。
    • 安装 hexo server 模块 (由于 hexo 3 默认不再集成这个模块,所以需要单独安装),支持本地预览
  3. 托管博客源码在 码云 上。

2016-05-02

  1. 配置了 nodejs 环境,并且通过 npm 全局安装了 grunt、gulp、express-generator、pm2.5、forever。
  2. 通过 express 生成器,在 /var/www/html 目录创建了测试项目,名叫 test-express。在项目根目录执行 npm install 安装所有node模块,最后检查 bin/www 默认端口为 3000。(可以尝试 node bin/www 来检查项目是否能够启动。 )
  3. 进入 test-express 项目目录,通过 forever start bin/www 启动项目,并且通过 forever list 检查到守护进程里,目前所有的 node 程序。看到 pid 栏展示的 id。
  4. 测试网站通过 3000 端口访问,并且 forever stop [pid] 停止后,再测试访问是否结束。
  5. 因为通过端口访问很奇怪,所以打算分配一个二级域名,并且指派到 3000 端口。可能叫做“nginx 发向代理”?
  6. 解析二级域名(test.express.edlad.com)到服务器IP,并且增加一个虚拟主机配置文件 test.express.conf。
  7. 重载 nginx 配置:nginx -s reload,并且通过二级域名访问,以及再次通过 IP:3000 方式访问,均无问题。

test.express.conf 文件内容

server {
  listen 80;
  server_name test-express.edlad.com;
  location / {
    proxy_pass http://localhost:3000;
  }
}

参考资料

2016-05-01

  1. 通过 apt-get 安装了 nginx v1.8,安装中需要手动更新源,否则只有 v1.4。安装后的可执行文件位置 /usr/sbin/nginx 。检查版本 nginx -v
  2. 默认使用80端口,要避免和 apache 的冲突。可以通过命令方式检查 ps -ef | grep apache2,必要的时候 kill 进程。
  3. 默认站点在 /var/www/html 下,需要注意目录权限,否则可能出现 403 错误
  4. 默认配置文件在 /etc/nginx 下,主要配置为 nginx.conf,修改之前先备份为 nginx.default.conf
  5. 默认配置是打开虚拟主机的,通过在 /etc/nginx/conf.d 目录下创建 *.conf 文件增加虚拟主机
  6. 启动 nginx 可以使用 nginx 命令。或者先进入 /usr/sbin/ 目录,执行 ./nginx
  7. 快速停止 nginx 通过 nginx -s stop 或者完整有序的停止 nginx -s quit,以及直接 kill 杀死进程
  8. 检查配置是正确 nginx -t
  9. 重载配置文件可以不必重启,并且使虚拟主机的配置生效:nginx -s reload
  10. 增加了三个虚拟主机配置,分别是 default.confwww.conftest.conf。它们全部是使用 80 端口。
  11. default.conf 主要是处理通过IP访问的情况
  12. www.conf 主要处理通过主域名以及 www 域名的访问 (edlad.com)
  13. test.conf 主要用来测试二级域名 (test.edlad.com)

www.conf 内容比较有代表性,做个记录:

server {
  listen 80;  #指定端口
  server_name ~^(www\.|)edlad.com;  #指定域名,波浪号代表使用正则表达式
  root /var/www/html/www;  #指定网站根目录
  index index.html index.php;  #指定默认主页文件
}

参考资料

2016-04-28

  1. 通过部署Apache2,实现网站访问

2016-04-25

  1. 备案审核通过
  2. 配置NGINX

2016-04-20

  1. 在公司用专用幕布拍照
  2. 寄快递照片到指定地点

2016-04-12

  1. 购买红色印泥
  2. 上传网站备案的资料照片
  3. 申请阿里备案幕布

2016-04-02

  1. 网站备案资料提交和通过初审
  2. 解析主域名到主机IP
  3. 部署主机的PHP和NODE环境

2016-04-01

  1. 购阿里云主机 (上海服)
  2. 购阿里云域名 (edlad.com)