admin管理员组

文章数量:1546039

网站建设、管理

1 Linux 快速建站

之前写过一篇win下建站的博客快速搭建自己个人博客网站
自从换了工作差不多有四五个月了,也没有管过自己的个人网站,一直就挂在哪里。突然心血来潮想整理下,登录发现,win竟然不会用了。再加上自己本来买的就是超低配的,装个win卡的要命。趁着最近一直在linux工作,干脆换成ubuntu server好了。
记录下自己快速建站的步骤。


Linux 快速建站

  • 网站建设、管理
    • 1 Linux 快速建站
      • 1.1 准备工具
      • 1.2 安装系统
      • 1.3 登录服务器
      • 1.4 安装 Nginx
      • 1.5 配置 Nginx
      • 1.6 重启 Nginx
      • 1.7 上传网站
      • 1.8 报错解决思路
    • 2 Windos 快速建站
      • 2.1 购买服务器
      • 2.2 搭建php环境
      • 2.3 绑定ip
      • 2.4 上传网页
      • 2.5 解析ip 有自己网址
    • 3 linux 快速搭建Blog(腾讯云服务器+Centos+宝塔+ZBlog)
      • 3.1 腾讯云服务器安装Centos系
      • 3.2 ssh登录服务器,安装宝塔套件
      • 3.3 浏览器登录宝塔控制面板,一件安装环境
      • 3.4 安装Z-Blog服务器
      • 3.5 设置Z-Blog皮肤和插件
    • 4 Nginx 访问统计 增加html静态网页显示 每天定时更新
      • 4.1 修改Nginx 导出日志
      • 4.2 写脚本 对日志进行统计并写入html,并清空日志
      • 4. 3 脚本每天凌晨定时执行
      • 4. 4 如果有需要的话网页只能特定ip访问
    • 5 网站下载到本地
    • 6 开源网站推荐:编程导航 部署到宝塔面板
      • 6.1. 这里记录下如何把**编程导航主页**部署到宝塔面板:

1.1 准备工具

  • 系统 Ubuntu Server 16.04.1 LTS 32位

用16 32 主要是因为服务器本身很垃圾。

  • 反向代理web服务器 Nginx

ubuntu server下主流的服务器有两种 Nginx与Apache,相比较下Nginx占用资源小、更稳定(静态网页)。两个我都试了下,最后选Nginx,主要要是这玩意小!我的云服务器是超级低配版的。

  • 博客模板
    https://www.yangqq/
    http://www.templatesy/Search/category/2
    http://www.cssmoban/tags.asp?n=博客
  • 文件管理 FileZilla

1.2 安装系统

华为、百度、阿里 的云服务器我都申请过免费的试过。系统安装这快没啥的,选中需要的一键安装就可以了。
快速搭建自己个人博客网站
这里有腾讯的购买教程

1.3 登录服务器

默认安装好的云服务器,ssh都是配置好的,直接登录就可以。公网ip也都是确定的。
可以看我之前写的 Deepin 使用教程:ssh链接

ssh ubuntu@118.25.63.144

如果报错 WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!
因为我反复装了几个系统测试,你每次ssh链接都会建立一个本地秘钥,如果服务器重装,本地秘钥需要删除。

(base) yx@yx-PC:~$ ssh ubuntu@118.25.63.144
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@    WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!     @
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY!
Someone could be eavesdropping on you right now (man-in-the-middle attack)!
It is also possible that a host key has just been changed.
The fingerprint for the ECDSA key sent by the remote host is
SHA256:Gu831LBb88irYoSz2hy1zf9AsL5fZzu/2HLPj7eW+iE.
Please contact your system administrator.
Add correct host key in /home/yx/.ssh/known_hosts to get rid of this message.
Offending ECDSA key in /home/yx/.ssh/known_hosts:1
  remove with:
  ssh-keygen -f "/home/yx/.ssh/known_hosts" -R 118.25.63.144
ECDSA host key for 118.25.63.144 has changed and you have requested strict checking.
Host key verification failed.
(base) yx@yx-PC:~$ rm -rf /home/yx/.ssh/known_hosts 
(base) yx@yx-PC:~$ ssh ubuntu@118.25.63.144
The authenticity of host '118.25.63.144 (118.25.63.144)' can't be established.
ECDSA key fingerprint is SHA256:Gu831LBb88irYoSz2hy1zf9AsL5fZzu/2HLPj7eW+iE.
Are you sure you want to continue connecting (yes/no)? yes
Warning: Permanently added '118.25.63.144' (ECDSA) to the list of known hosts.
ubuntu@118.25.63.144's password: 
Welcome to Ubuntu 16.04.1 LTS (GNU/Linux 4.4.0-92-generic i686)

 * Documentation:  https://help.ubuntu
 * Management:     https://landscape.canonical
 * Support:        https://ubuntu/advantage

ubuntu@VM-0-10-ubuntu:~$ 

1.4 安装 Nginx

# 安装并开启服务
sudo apt-get install nginx
sudo service nginx start

其实用Nginx不用Apache还有一个原因就是,这玩意配置太方便了,因为已经好了。这个时候你就可以在外网访问自己的网站了。

1.5 配置 Nginx

修改网站目录

sudo vim /etc/nginx/sites-available/default
# 36行 root 网站目录; 比如我的 /home/ubuntu/www


修改进程数量
关于开几个进程,这是作者原话

As a general rule you need the only worker with large number of worker_connections, say 10,000 or 20,000.
However, if nginx does CPU-intensive work as SSL or gzipping and you have 2 or more CPU, then you may set worker_processes to be equal to CPU number.
Besides, if you serve many static files and the total size of the files is bigger than memory, then you may increase worker_processes to utilize a full disk bandwidth. Igor Sysoev

其实就是建议你Nginx开的进程数越多越好。对我没卵用,我的云服务器就是单核。更改位置在这里。

sudo vim /etc/nginx/nginx.conf
# worker_processes  设置成cpu核数  1 2 4等

1.6 重启 Nginx

sudo service nginx restart

1.7 上传网站

先下载一个网站模板通过filezilla上传到上边写的网站路径里。
上传完毕,公网就可以直接访问你的网站了。

1.8 报错解决思路

首先是系统方面的错误,这块基本不会出现。大厂的云服务器公共镜像是很稳定的。
让后是Nginx安装&配置错误,比如我上边截图的404就是找不到index.html,跟Nginx相关错误,需要去看他的日志。

Nginx 日志分为访问日志和错误日志。默认打开,设置是否打开和路径在这里

 cat /etc/nginx/nginx.conf
 # 如果要关闭 
 # access_log off;
 # error_log off;


访问 错误日志

cat /var/log/nginx/access.log 

访问 访问日志

cat /var/log/nginx/access.log 


2 Windos 快速建站


大家打开浏览器直接输入118.25.63.144就可以直接访问我的个人网站了。
自从转行做软件,一直想拥有一个属于自己的博客,记录自己生活和工作。这个想法由于各种原因,被拖了一年多始终没有实现。突然觉得不要再拖延下去了了,我要来实现这个想法,以后督促自己每天写博客。
经过多方探索,最后决定使用CSDN。于是在这里一步一步搭建自己的博客平台,购买云服务器、搭建网页环境、挑选网页模板、修改然后把我在CSDN的博客贴过来。经过一番挣扎我的博客和个人网站也算初步完成。
虽然没有网址只有一个公网ip(备案实在太麻烦了),虽然没有访问量,但是看着一点一点完善心里也比较欣慰。

2.1 购买服务器

我买的腾讯云学生版服务器https://cloud.tencent/,不是学生的话你就想办法完成学生认证(找朋友什么的)。
之所以选择这个,当然是因为便宜了!我把腾讯云、百度云、华为云等几个大的云都免费体验了下,感觉腾讯云最傻瓜,比较适合新手,再加上学生版一年只要120就够了。
1核2gb内存1m宽带反正是够我用了,我就是建个小网站,基本上没有访问量那种,让后自己搭两个个人使用的小型的数据库。
或者你买个虚拟机,那更便宜。

买完之后就可以查看自己的公网ip,比如我的118.25.63.144。我就不打码了,我还巴不得有人可以访问我的网站呢,哈哈。

如何访问自己服务器

当然了,我这么随意的的人 直接按下键盘win+R
输入mstsc

输入118.25.63.144 (这是我的欢迎访问),这里需要输入上边大家看到的公网ip,让后点 显示选项 本地资源 详细信息



挑一个自己的盘符,负责跟服务器共享数据


连接完成后就登录自己的远程服务器了。

2.2 搭建php环境

怎么搭建,最傻瓜办法 https://www.xp/ phpstudy,一键安装一键使用。
这个是最新版本的,我是去年搭建的网站(就尝试了一下让后再也没管过了),用这个新版本的我看了下更傻瓜。我下边演示还是用原来的版本,我就不更新了。
自己电脑把安装包下载好,放到刚才远程操控的共享盘符,这样在服务器上就可以直接安装 了。(或者你可以直接去服务器下载,就是网速很慢,谁叫没钱买的1m的宽带哈)


安装完就是这样了

2.3 绑定ip

mysql选项 站点域名管理器按照下边设置 118.25.63.144 换成自己的公网ip


在host文件里填入服务器ip和域名
其他选项 打开host 或者去c盘里找。

2.4 上传网页

在网上找一个个人博客模板下载来,修改成自己介绍和文章,复制在服务器phpstudy安装目录下的PHPTutorial文件夹里www文件夹里。C:\phpStudy\PHPTutorial\WWW

然后在其他电脑 手机 ipad 打开浏览器输入自己公网ip地址就可以访问到自己的博客了



我这里提供自己这个博客的静态html文件和几个博客模板网址

  • https://github/chinayaoxin
  • https://www.yangqq/
  • http://www.templatesy/Search/category/2
  • http://www.cssmoban/tags.asp?n=%E5%8D%9A%E5%AE%A2

2.5 解析ip 有自己网址

需要买一个网址 几块就可以,让后自己给网址备案。差不多要一个月完成,我去年申请让后工作太忙后来就忽略了
https://console.cloud.tencent/beian

3 linux 快速搭建Blog(腾讯云服务器+Centos+宝塔+ZBlog)

摘要:记录下服务器快速搭建一个自己的Blog的过程:腾讯云服务器安装Centos系统、ssh登录服务器,安装宝塔套件、浏览器登录宝塔控制面板,一件安装环境、安装Z-Blog服务器、设置Z-Blog皮肤和插件

3.1 腾讯云服务器安装Centos系

如果没有什么特别的需求的话,公共镜像里Centos 选一个合适的版本就可以。为了方便快速配置环境,我使用宝塔面板,宝塔对Centos的适配性比ubuntu/debain要好。服务器安装大概几分钟就可以了。

3.2 ssh登录服务器,安装宝塔套件

可以使用ssh命令远程登录自己的服务器。(windos下控制台一样的)

ssh 用户名@ip地址 -p 端口号

远程登录成功后,可以一键安装宝塔套件

# Centos安装命令:
yum install -y wget && wget -O install.sh http://download.bt/install/install_6.0.sh && sh install.sh
# Ubuntu/Deepin安装命令:
wget -O install.sh http://download.bt/install/install-ubuntu_6.0.sh && sudo bash install.sh

安装过程大概几分钟就好了

3.3 浏览器登录宝塔控制面板,一件安装环境

安装成功后输入

bt default

可以看到宝塔面板的登录网页,账号和密码。打开浏览器登录

软件商店可以一键安装自己需要的环境(记得安装宝塔一键部署源码插件)

3.4 安装Z-Blog服务器

使用一键部署源码插件,安装Z-Blog。如果自己有域名的话,也在这里输入。

成功后可以在网站里看到自己网站点设置可以部署证书,FTP可以修改网站资源。

3.5 设置Z-Blog皮肤和插件

进入Z-BLOG后台,http://118.25.63.144:501/zb_system/login.php(php版本的,如果你装的asp版的建议重装)

进去之后更新,安装插件和皮肤。本博客的设置

4 Nginx 访问统计 增加html静态网页显示 每天定时更新

想统计自己网站的访问量,之前试过百度统计,在每个网页增加一些文件,百度会自己帮忙收集统计。其实如果你自己网站就是用Nginx挂在服务器上的,他自己就会帮你统计,你只需要把他整理下就可以。我简单整理了下,可以看先效果:
http://118.25.63.144/count.html

如果你希望这样简单的统计下自己小网站的访问量可以像我这样简单操作下:

4.1 修改Nginx 导出日志

whereis nginx
cd /etc/nginx/
ls -l
sudo vim nginx.conf

修改nginx access_log 到指定目录

4.2 写脚本 对日志进行统计并写入html,并清空日志

#!/bin/bash
cd /home/ubuntu/Blog

date1=`date +%F`
date2=`date +%r`
ips=`awk '{print $1"<br>"}' access.log|sort | uniq -c |sort -n -k 1 -r|head -n 10`
pv=`awk '{print $7}' access.log | wc -l`
ip=`awk '{print $1}' access.log | sort -n | uniq -c | wc -l`
html=`awk '{print $7"<br>"}' access.log|sort | uniq -c |grep -v '.jpg'|grep -v '.ico'|grep -v '.php'|grep -v '.do'|grep -v '400'|grep -v '.svg'|grep -v 'cgi-bin'|grep -v '.css'|grep -v '.js'|grep -v '.png'|grep -v '.jsp'|grep -v '.gif' |sort -n -k 1 -r | head -n 20`
echo  "<br><br>--------${date1}--${date2}------------- 
<br> Pv is $pv
<br> Ip is $ip
<br>
<br> $ips ...
<br>
<br> $html ...<br>----------<br><br>" >> count.html | sort -rn count.html | sed -i '31d' count.html | sort -r
:> access.log
:> error.log

4. 3 脚本每天凌晨定时执行

crontab -e # 添加每天凌晨12:01 执行脚本

01 00 * * * /home/ubuntu/Blog/statistics.sh

4. 4 如果有需要的话网页只能特定ip访问

5 网站下载到本地

每次访问vtk或者其他网站的教程时候,如果不挂ssr会很卡,甚至打不开。后来想想干脆把整个教程网站下载下来挂在自己服务器方便以后查询好了。

vtk 官方案例说明(C++)
http://118.25.63.144/VTKExamples/site/Cxx/
vtk 官方案例说明(Python)
http://118.25.63.144/VTKExamples/site/Python/


下载网站,最后边网站换成自己需要的就可以

wget -r -p -np -k https://doc.cgal/latest/Manual/general_intro.html

VTKExamples 下载后需要简单处理下,html里指向的全部是 “.1后缀的文件”直接吧文件里和文件名称所有的.1 替换成 .html就可以挂在服务器上浏览了。为了防止跳到官网再造成卡顿,把所有指向外部的改为指向本地。

import os

for root, dirs, files in os.walk(".", topdown=True):
    for name in files:
        filename=os.path.join(root, name)
        portion = os.path.splitext(filename)  
        if portion[1] == '.1':
            newname = portion[0] + '.html'
            os.rename(filename, newname)
for root, dirs, files in os.walk(".", topdown=True):
    for name in files:
        filename=os.path.join(root, name)
        portion = os.path.splitext(filename)  
        if portion[1] == '.html':
            f1 = open(filename,"r")
            content = f1.read()
            f1.close()
            t = content.replace('.1"','.html"')
            with open(filename,"w") as f2:
                f2.write(t)
for root, dirs, files in os.walk(".", topdown=True):
    for name in files:
        filename=os.path.join(root, name)
        portion = os.path.splitext(filename)  
        if portion[1] == '.html':
            f1 = open(filename,"r")
            content = f1.read()
            f1.close()
            t = content.replace('https://lorensen.github.io/VTKExamples/site/','118.25.63.144/VTKExamples/site/')
            with open(filename,"w") as f2:
                f2.write(t)

6 开源网站推荐:编程导航 部署到宝塔面板

开源作者 CSDN博客 程序员鱼皮
github liyupi

最近在看到一篇博客 爆肝 200 小时,我做了个编程导航!,下载了下 编程导航主页 的源码体验了下,感觉很完美:


自身是c++桌面软件开发,一直想找一个满意的导航首页,自己写、md转成静态网页、找现成的前后试过各种导航首页,奈何自己对于前端和wdb开发一窍不通,一年了也没有有满意的。直到无意看见了这个编程导航主页,自己再改下简直完美呀。可惜JS/TS一点不会,还得花点时间学习下才能改。

6.1. 这里记录下如何把编程导航主页部署到宝塔面板:

  1. 下载源码
git clone https://github/liyupi/code-nav.git
  1. 拷贝code-nav-home文件夹到服务器(或者本机编译可以)

家里只有个win的笔记本,我是通过FIleZilla放到服务器上。如果本机有环境的话不用拷贝。我没接触过js开发,自然没有环境,只能拷贝到服务器编译下。

  1. 使用npm安装依赖和构建

宝塔安装PM2管理器

cd /www/wwwroot/code-nav-home/
npm install # 进入目录,安装依赖
npm run build # 打包构建

报错的话记得 npm init。如果没问题的话会在/www/wwwroot/code-nav-home 目录下生成dist文件夹。

  1. 把构建的目录挂到宝塔静态网站

登录宝塔面板-> 网站 -> 添加站点 -> 选择dist作为目录。填个端口或者域名用来访问就可以了

添加成功就可以访问了,比如我的http://118.25.63.144/

  1. 基于作者的代码,二次开发改成自己想要的。等过年看下js入门,只是简单改动下但愿不难。

本文标签: 网站建设