如何制作个人网站（如何搭建个人博客）

最新推荐文章于 2024-03-15 09:00:00 发布
置顶 最新推荐文章于 2024-03-15 09:00:00 发布
阅读量9w 收藏 478
点赞数 78
分类专栏： html web wordpress 文章标签： 博客 php 网站 wordpress hexo
© 2023 • OmegaXYZ.com-版权所有，转载请注明出处-原创代码采用 Apache 2.0 授权，原创文章采用 BY-NC-SA 4.0 授权
本文链接：https://blog.csdn.net/xyisv/article/details/73611971
版权
web 同时被 3 个专栏收录
15 篇文章 2 订阅
订阅专栏
html
7 篇文章 2 订阅
订阅专栏
wordpress
3 篇文章 0 订阅
订阅专栏

本文共5220个字，预计阅读时间需要17分钟。所有文字摘自互联网，仅做配图处理。

首先制作一个网站需要：

①域名即example.com

②虚拟空间或云服务器

③网站代码制作工具或网站后台管理工具（你可以百度出模板）

④一定的编程技能和代码理解能力（优秀的网站制作者需要了解PHP、JavaScript、CSS、HTML、SQL、Markdown等知识）

第一部分：域名

域名是一个网站的入口与标识，域名需要购买
一般从阿里云（万网）、腾讯云、京东云、Godaddy等网站购买。

在这里插入图片描述
域名需要自己想一个好的名称，一旦选中变不可更改。建议大家购买顶级域名为.com、.cn结尾的域名，这些域名在国际上常见，便于网站站在国际高度上。当然你也可以标新立异购买其他顶级域名。比如小米为了购买mi.com域名便花了2000万人民币，饿了吗域名比较奇特为elem.me看是不是很厉害。
域名在中国是需要备案的，在阿里云腾讯云买的域名必须通过工信部备案。
备案流程如下：

在这里插入图片描述
备案一般在购买域名的地方进行，阿里云会自动帮你向工信部提交。一般说来，备案的要求特别严，平均下来备案两次才可能被工信部通过，这期间大约花费两到三周。
备案过程中会让你打印《个人网站承诺书》并拍照上传，为了验证你的身份还需要录制个人视频眨眼，当然你的个人信息精确到地址。（估计到时候抓人的时候方便，舆论控制、思想钳制）

如果你不想备案的话，建议不要从国内的大公司购买域名，从大陆境外购买（香港、台湾也可以）

如果你不备案的话如果被网警查到你的网站就要被封或者只能用VPN访问喽。（还是备案吧！！！）

在工信部备案完成后如果你是一个大企业或公司或需要正式的网站，那么建议你还得去公安局备案，即到你网站信息填入的地址处所在地的公安局进行公安备案。（个人网站就不需要了）

第二部分 虚拟空间或云服务器

1.虚拟空间

虚拟空间是云服务器分出来的一小部分空间，用来存放你的网站数据。
购买域名后他们可能会给你免费提供一个虚拟空间，也可以购买，或者使用第三方虚拟空间。现以域名omegaxyz.com为例,把域名www. omegaxyz.com以及omegaxyz.com解析到虚拟主机上(假设虚拟主机的IP地址为21X.5.7X.1XX),解析完成后,将可以用www. omegaxyz.com以及omegaxyz.com来访问网站,当然(解析完成后,还得在虚拟主机上绑定才会生效,本站的虚拟主机完全具备域名自主绑定功能)。

  • 首先请进入域名管理。。

  • 首先来解析www.omegaxyz.com到IP: 21X.5.7X.1XX。 点击”增添主机记录”,然后在弹出的框内输入”www”,注意,不能输入”www.omegaxyz.com”。

  • 按”确定”,然后输入IP地址: 21X.5.7X.1XX。

  • 再按”确定”,该解析就完成了,该解析实时生效,大大方便了客户管理。

  • 一般而言,用户除了用带www的网址www. omegaxyz.com来访问网站外,还喜欢用不带www的omegaxyz.com来访问,下面我们来把omegaxyz.com解析到IP: 21X.5.7X.1XX,还是点击”增添主机记录”,将出现下图所示,此时不必输入任何字符,直接点击”确定”。(不输入字符代表域名omegaxyz.com本身)

  • 点击确定后又出现IP地址输入框,输入IP: 21X.5.7X.1XX,然后按确定。

  • 按确定后,该解析也完成了。

如图：
在这里插入图片描述

第三方虚拟空间推荐七牛云，这部分请大家自己学习
在这里插入图片描述

注：DNS解析和域名解析类似，到控制台界面会有提示，这里不在赘述。

2.云服务器

简称ECS（elastic cloud servicer）

云服务器的业内名称其实叫做计算单元。所谓计算单元，就是说这个服务器只能算是一个人的大脑，相当于普通电脑的CPU，里面的资源都是有限的。你要获得更好的性能，解决办法一是升级云服务器，二是将其它耗费计算单元资源的软件部署在对应的云服务上。例如数据库有专门的云数据库服务、静态网页和图片有专门的文件存储服务。
当然用云服务器来存储网页是有点大材小用了，但是能使网站性能更好，且能加载更多子域名的网站如jiaotong.omegaxyz.com。最重要的是如果你想制作APP的话，云服务器是最好的选择了。唯一的缺点就是贵（找找优惠政策）。

在购买云服务器是一定要注意云服务器的系统和环境（阿里云是基于Linux的Centos系统，Java和PHP环境等），这些在第三部分会细讲。

第三部分：网站代码制作工具或网站后台管理工具

如果你只想制作一个简单的页面，用来宣传一些简单的思想或者是新手试水，那么使用Dreamweaver可视化编辑即可制作一个简单的页面，百度搜索一些简单的模板，即可更改。
在这里插入图片描述

此处就看你的编程能力了哦。
如果你想制作一个包含多个文件的网站，那么就需要使用一些管理工具了，这里以个人博客为例讲解。

①HEXO(静态)
hexo是一款基于Node.js的静态博客框架, hexo github链接 ,这篇教程是针对与Mac的，参考链接，由于原文讲到的hexo是以前的老版本，所以现在的版本配置的时候会有些改动。
在这里插入图片描述

配置环境

  • 安装Node（必须）
    作用：用来生成静态页面的
    到Node.js官网下载相应平台的最新版本，一路安装即可。

  • 安装Git（必须）
    作用：把本地的hexo内容提交到github上去.
    安装Xcode就自带有Git，我就不多说了。

  • 申请GitHub（必须）
    作用：是用来做博客的远程创库、域名、服务器之类的，怎么与本地hexo建立连接等下讲。
    github账号我也不再啰嗦了,没有的话直接申请就行了，跟一般的注册账号差不多，SSH Keys，看你自己了，可以不配制，不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码，配置了就不需要了，怎么配置我就不多说了，网上有很多教程。

  • 正式安装Hexo
    Node和Git都安装好后,首先创建一个文件夹,如blog,用户存放hexo的配置文件,然后进入blog里安装Hexo。
    执行如下命令安装Hexo：

sudo npm install -g hexo

初始化然后，执行init命令初始化hexo,命令：

hexo init

好啦，至此，全部安装工作已经完成！blog就是你的博客根目录，所有的操作都在里面进行。
生成静态页面

hexo generate（hexo g也可以）

本地启动
启动本地服务，进行文章预览调试，命令：

hexo server

浏览器输入http://localhost:4000

  • 配置Github
    建立Repository
    建立与你用户名对应的仓库，仓库名必须为【your_user_name.github.io】，固定写法=
    然后建立关联，我的blog在本地/Users/leopard/blog，blog是我之前建的东西也全在这里面，有：
    _config.yml node_modules public source
    db.json package.json scaffolds themes
    现在我们需要_config.yml文件，来建立关联，命令：
vim _config.yml

翻到最下面，改成我这样子的

deploy:
type: git
repo: https://github.com/leopardpan/leopardpan.github.io.git
branch: master

然后执行命令：

npm install hexo-deployer-git –save

然后，执行配置命令：

hexo deploy

然后再浏览器中输入http://leopardpan.github.io/就行了，我的github的账户叫leopardpan,把这个改成你github的账户名就行了

  • 部署步骤
    每次部署的步骤，可按以下三步来进行。
hexo clean
hexo generate
hexo deploy

一些常用命令：

hexo new”postName” #新建文章
hexo new page”pageName” #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口（默认端口4000，’ctrl + c’关闭server）
hexo deploy #将.deploy目录部署到GitHub
hexo help # 查看帮助
hexo version #查看Hexo的版本

②wordpress（动态）

WordPress是一款个人博客系统，并逐步演化成一款内容管理系统软件，它是使用PHP语言和MySQL数据库开发的。用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客。
WordPress有许多第三方开发的免费模板，安装方式简单易用。不过要做一个自己的模板，则需要你有一定的专业知识。比如你至少要懂的标准通用标记语言下的一个应用HTML代码、CSS、PHP等相关知识。
WordPress官方支持中文版，同时有爱好者开发的第三方中文语言包，如wopus中文语言包。WordPress拥有成千上万个各式插件和不计其数的主题模板样式。
在这里插入图片描述

下面讲解如何在阿里云云服务器上安装wordpress

服务器环境要求

  • PHP 5.2.4或更新版本

  • MySQL 5.0或更新版本

  • Apache或Nginx

  • 利用shell登录自己的云服务器
    Xshell界面
    在这里插入图片描述
    首先要创建一个数据库
    在这里插入图片描述

在这里插入图片描述
接下来添加虚拟主机

在这里插入图片描述

剩余部分请进入完整博文omegaxyz网站制作

更多内容访问 omegaxyz.com
网站所有代码采用Apache 2.0授权
网站文章采用知识共享许可协议BY-NC-SA4.0授权
© 2020-2025 • OmegaXYZ-版权所有 转载请注明出处

Reacubeth
关注
  • 78
    点赞
  • 踩
  • 478
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ThinkPhp5+bootstrap搭建个人博客网站
12-31
使用ThinkPhp5框架，实现了注册登录，发布修改文章，文章标签等功能，前端使用bootstrap，带数据库结构文件，需要使用apache或nginx代理，可直接使用，作为课设或者参考。
我的个人主页（个人网页设计Dreamweaver）
04-03
自己做的网页，里面用了CSS结构，JS，用Dreamweaver编辑的，大家参考一下，静态比较简洁的，需要的同学可以下载去套用，
如何使用HTML制作个人网站（如何搭建个人博客）
08-10
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞 蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家 乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部 区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等 元素的插入。 【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog
8种方式用搭建个人博客
最新发布
不安分的猿人的专栏
03-15 1163
最后，我对八种方式搭建博客进行了简单的归类：1.前端同学可以搭建的博客三种方式：Github + hexo matery ，VuePress +Gitee，ThinkJS + MySQL 搭建博客需要掌握Node.js，前两种方式本地写好markdown文件，项目打包的时候会按照文章内容，生成对应的文章页面。第三种方式会将文章内容保存到数据库，系统后台有发布文章的功能。第一种方式有丰富的插件和主题，可自由切换。第二种方式是 Vue 的一款基于文档型的博客，主题较少，支持自定义修改。
建网站并不难，只需6个步骤，就能做出一个网站
mccms的博客
05-09 2728
域名也是由若干部分组成，包括数字和字母。然后登录电子化备案系统，选择新增网站接入按照提示填写相应的资料并且提交，提交后九灵云备案合作商会初次审核你的备案资料，如备案资料无误将会提交管局审核，经过漫长的等待，管局审核通过后会以短信的形式将ICP备案号发送到你的手机上，至此备案结束。在云虚拟机绑定域名后，再进入用户中心->域名->找的已经注册的域名->点击管理->添加解析，并根据云虚拟主机绑定域名的提示，添加一个CNAME的解析记录，并将主机（host）填写成:www，记录值就粘贴刚刚复制下来的一长串网址。
制作网站首页和框架.pdf
11-16
制作网站首页和框架.pdf
腾讯云Linux轻量应用服务器一键部署WordPress个人博客教程
java_zdc的博客
11-05 1389
WordPress 作为动态博客的代表，至今已经有十几年历史，而且一直在更新发展中，功能强大，插件和主题丰富，WordPress搭建使用也很方便。作为个人站长和博主，很多都是从 WordPress 入门的。本文中使用的云服务器时腾讯云的轻量应用服务器，配置为2核4G6M的配置，操作系统为Linux -CentOS7.6。在选择配置时，地域默认即可，镜像选择CentOS 7.63、购买完成之后，点击控制台->轻量应用服务器。
如何搭建个人博客网站【图/文教程】
qq_34403283的博客
03-28 6038
1.Emlog博客系统（我使用的是这个，轻量级，占用资源少，上手非常简单，推荐新手使用） 官网：https://www.emlog.net/2.ZBlog博客程序 (这款程序当年挺火的，国人开发，我以前也用过，还不错） 官网：https://www.zblogcn.com/3.typecho博客程序（这款程序近期是挺火的，很多人用来发布日记，日志，生活等等。网上也挺多好看的模板，喜欢的话可以尝试搭建一下） 官网：http://typecho.org/
怎么搭建自己博客网站（这6个技巧帮你打造个人博客网站）
01101
07-05 2904
这样便可以培养粉丝每天来阅读你博客的习惯不然的话，粉丝可能会因为你连续几天断更而不再及时查看网站，或者干脆忘记了还要看你的博文总之，定时发布是个维持粉丝黏性、避免粉丝流失的好办法4.适当用不同颜色字体当文章中的所有字都是黑色，所有字体也都完全一样时，读者可能会分不清重点，从而不能get到你文章吸引人的点。现在很多自媒体大V都开始做自己的博客网站，将互联网流量引流到自己的网站内，形成私域流量，这样粉丝对自己的认同感会更强，转化率也高那么如何做一个高质量的博客网站，并且让自己的博文能吸引到粉丝呢？
个人博客搭建指南
Reveone的博客
09-25 3111
如果你想搭建自己的博客网站，这篇文章可以为你提供一些搭建思路。目前的博客框架可以分为两大类，第一类是使用动态网页技术的博客框架，另一类是基于静态网页生成器的博客框架。基于动态网页技术的博客框架具有代表性的是WordPress和Typecho，对于这类框架来说个人博客只是它的功能之一，它还可以作为商用网站的一种解决方案。这类框架更适合想要在互联网上建立自己的品牌和形象的企业和个人。而基于静态网页技术的博客框架具有代表性的是Hexo、Jekyll和最近比较流行的用go语言开发的Hugo。
搭建个人博客
CarpeDiem
06-06 998
使用csdn、博客园、掘金平台相比起搭建个人网站就少了很多个性，功能比较局限，不像个人网站，可拓展性很高，比如可以加入外链播放器、天气挂件等等。我还是推荐大家搭建一个属于自己的个人网站。
个人博客网站建设详细版
薛定谔的猫
01-07 7282
前言：在讲个人博客，我要向机灵鹤大佬致以最高的敬意！感谢他提出的技术指导，本章我将以我犯的错误一步步讲述。 1. 购买服务器 我是在阿里购买的服务器，因为我是一名学生的原因我通过认证学生身份参加了阿里云高校计划，免费领取一台 2核 2G 的服务器（时长 2 周，到期后可以免费续 2 个月）网址如下高校学生免费算力 - 飞天加速计划 (aliyun.com) 如果你不是学生可以通过阿里云直接购买新人特惠_云产品推荐_云服务器-阿里云 (aliyun.com) 如果你是学生购买，地域只有俩种..
SSM 框架开发的个人博客网站
01-15
SSM 框架下搭建个人博客网站时，可以使用 Spring 的IoC（控制反转）功能来管理网站中的对象和依赖关系。这样可以使得网站的设计更加松耦合，更加易于维护和扩展。 另外，使用 SpringMVC 可以很好的处理网站中的请求...
javaweb搭建简易个人博客blog cat
01-17
一个javaweb搭建的个人博客，前台采用bootstrap等js插件完成，后台基于maven管理ssm框架搭建，前台访问界面:/blog-web/index.jsp,后台访问界面/blog-web/admin.jsp
基于 ubuntu+jekyll 搭建个人博客
10-31
该文档详细的介绍了如何在ubuntu服务器利用jekyll搭建属于自己的个人博客系统，教程非常简洁明了，手把手、一步步实现，能够快速的搭建起属于自己的个人博客网站。
WordPress数据库error establishing a database connection错误
热门推荐
徐奕的专栏
06-02 1万+
本文共777个字，预计阅读时间需要2分钟。 作为一个买不起大型服务器只能用阿里云学生机的站长，经常遇到error establishing a database connection错误。 这是一种建立数据库连接时的错误。出现这种错误非常令人沮丧，因为我们根本什么都没动，突然间就出现了这种错误。 为什么会出现这种错误？ 数据库登录凭证错误或已更改，数据库服务器无响应，数据库已损坏。 网站流量过大...
JSP连数据库登录检查用户名和密码模板
徐奕的专栏
01-12 6701
JSP全名为Java Server Pages，中文名叫java服务器页面，其根本是一个简化的Servlet设计，它是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML（标准通用标记语言的子集）文件(.htm,.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，...
FastAPI搭建文件上传服务器
徐奕的专栏
06-27 5710
本文共435个字，预计阅读时间需要2分钟。 FastAPI 是一个高性能 Web 框架，也是一个Python包，用于构建 API，适合利用极少的代码搭建服务器后端，实现前后端分离。 下面给出了一个任务：利用FastAPI搭建文件上传服务器，给出上传接口，并保存到服务器指定位置。 需要使用的Python包：fastapi和uvicorn。 服务器代码 其中with open(file.filename, “wb”)是将客户上传的文件保存起来，上传的url地址为host:port/file_upload，可以
个人博客网站搭建JAVA
12-25
个人博客网站的搭建可以使用JavaWeb技术栈，包括JSP、Servlet、JDBC、MySQL和Tomcat等。下面是一个简单的步骤示例： 1. 配置开发环境：安装Java JDK、Eclipse或IntelliJ IDEA等集成开发环境，并配置好Tomcat服务器。 2. 创建项目：在IDE中创建一个新的JavaWeb项目。 3. 设计数据库：使用MySQL或其他数据库管理系统设计博客系统所需的数据库表结构。 4. 编写前端页面：使用JSP技术编写博客系统的前端页面，包括主页、文章列表、文章详情、用户登录等页面。 5. 编写后端代码：使用Servlet技术编写处理用户请求的后端代码，包括用户登录验证、文章的增删改查等功能。 6. 连接数据库：使用JDBC技术连接数据库，并编写相应的代码实现数据的读取和存储。 7. 部署项目：将项目部署到Tomcat服务器上，启动服务器并访问博客网站。 请注意，以上只是一个简单的示例，实际搭建个人博客网站还需要考虑更多的功能和安全性等方面的内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值