如何制作网站，免费个人网站制作教程

这篇文章讲的是如何制作网站以及免费个人网站制作教程，实际上这篇文章也可以看做是hexo使用教程，在这篇文章中我们将介绍如何使用hexo搭建免费个人网站。

网站制作前的准备

想要搭建一个能够通过互联网访问的后端开发平台网站就必须要有域名和服务器，域名是网站的门户，我们一般都是通过域名来访问网站并浏览网站中的内容。服务器则可以看作是存放网站内容的电脑，我们浏览网站的过程实际上可以看作是使用浏览器这个软件将服务器上存放后端开发平台的内容下载到自己的电脑并通过浏览器显示的过程。

域名

一般来说我们在网上购买的域名都是二级域名如：http://jcpgr.com，这种域名大都需要花钱才能购买，虽然网上也有一些免费的二级域名，但这些域名后端开发平台大都会有一些问题，如：只能使用一年到期后需花钱购买。因此这篇文章中使用的是github.com提供的三级域名如http://jcpgr.github.io。当我们购买了二级域名后就会自动获得对应三级域后端开发平台名的所有权，因此我们只是http://jcpgr.github.io这个域名的使用者而不是所有者。

服务器

服务器是我们存放网站内容的地方，在这篇文章中我们将使用hexo静态博客生成器来制作网站，这个工具后端开发平台生成的网站属于静态网站，静态网站由一个个页面组成因此不需要与数据库进行交互，因此我们可以将hexo生成的网站发布到http://github.com提供的仓库中，并完成网站的部署。

其他说明

除了可以使用后端开发平台http://github.com网站制作个人网站，还可以使用http://gitee.com、http://coding.net等网站来搭建网站，具体的网站制作步骤与这篇文章中介绍的大同小异。另外如后端开发平台果要自己购买域名和服务器来制作网站那么可以参考下面链接中的文章来搭建网站。

如何制作网站

链接：https://pan.baidu.com/s/1MsaugTRmtuxTsDFHzDpBUA 提取码：ewkq

下载百度网盘中的Git-2.31.1-64-bit.exe和node-v后端开发平台14.17.0-x64.msi软件并进行安装，也可以从对应的官网下载软件进行安装。安装完成后，将鼠标移动到桌面并右击选择Git Bash Here，随后在git窗口中输入node -v和npm -v检后端开发平台查步骤一中的软件是否安装完成在窗口输入npm install -g hexo-cli命令并按下enter键执行，安装hexo客户端（因为我的电脑上已经执行过这个命令，所以示例图片中的返回和第一次安装的后端开发平台返回可能有所不同）使用hexo init wz命令在桌面生成wz文件夹，接下来的操作都会在这个文件夹中进行使用cd wz命令进入wz文件夹使用npm install命令生成网站模板，这时我们已经在本地后端开发平台完成了最简单的个人网站制作使用hexo server命令运行上一步骤生成的网站，命令执行后可以通过在浏览器上输入localhost:4000来查看正在运行的网站同时按下键盘上的ctrl和c键，终止网站后端开发平台在本地的运行如何制作网站

部署制作完成的网站

在http://github.com网站上注册账号，并点击Create repository创建仓库（步骤一），其中仓库名设置为【用户名.http://git后端开发平台hub.io】（步骤二）如果设置的是其他名称如：test，那么网站的最终访问路径就会变为【用户名.http://github.io/test】创建仓库时选中Add a README file，这时生成后端开发平台仓库后会自动生成README.md文件（步骤二）点击Settings（步骤三）并在跳出的页面中的最下方点击Check it out here（步骤四），此时最简单的网站已经生成。因为此时仓库中只有RE后端开发平台ADME.md文件，因此我们可以通过https://jcpgr.github.io/README.md来查看网站中的这个文件。打开上一章节的wz目录，右击鼠标选择Git Bash Here并执行npm后端开发平台后端开发平台-global user.name "用户名"和git config --global user.email "邮箱"（步骤六），使用这两个命令来初始化git。执行命令ssh-keygen -t rs后端开发平台a -C "邮箱"并按下enter键三次（步骤七），这个命令是为了生成密钥，其中【邮箱】应该填写自己的邮箱。这个密钥用于git这个软件登录github仓库。执行命令cat ~/.ssh/id_rsa.后端开发平台pub获取生成的密钥（步骤七），并点击http://github.com网站头像下方Settings，在弹出的页面中选择SSH and GPG keys，随后选择New SSH key，并将密钥粘贴到后端开发平台key对应的方框中。（步骤八）执行命令ssh -T git@github.com查看密钥是否设置成功，成功则会显示用户名（步骤七）打开上一章节wz目录下的文件_config.yml，并将文件中的最后两后端开发平台行用下方的代码替换，其中【用户名】需要替换为实际用户名如：jcpgr

最后，分别执行hexo clean（删除上一次hexo generate生成的文件）、hexo generate（生成网站内容后端开发平台）、hexo deploy（将网站内容推送到github）命令，将本地的网站推送到github，等待几分钟后再次通过https://jcpgr.github.io来访问网站

步骤一：

网站制作教程

步骤二：后端开发平台

如何制作网站

步骤三：

免费个人网站

步骤四：

网站制作教程

步骤五：

如何搭建网站

步骤六：

网站搭建教程

步骤七：

如何制作个人网站

步骤八：

免费网站制作教程

步骤九：

个人网站搭建教程

步骤十：

如何制作免费网站

网站搭建教程后端开发平台中的其他说明

可以通过hexo server命令，在本地运行网站并查看文章效果。

生成新的网页内容

使用hexo new post "测试文章"命令，生成新的网页内容，随后再次执行hexo clean、he后端开发平台xo generate、hexo deploy命令，将网站推送到github，等待几分钟后再次通过https://jcpgr.github.io来访问网站，此时名为【测试文章】的网页已经可以在网站上看后端开发平台到了。

显示图片和修改网页

使用hexo new post "测试文章"命令生成的网页位于/wz/source/_post目录下，打开【测试文章.md】即可对文章内容进行修改，不需要懂得如何修改网页只需要后端开发平台了解markdown语法就可以修改网页。在source目录下新建image文件夹并在文件夹中放入test.png图片，随后在【测试文章.md】使用下方代码中的字段，就可以实现图片的引用。

修改文章路径

我们可以看到上一步骤中【测试文章.md】对应的网页路径之前有年月日的时间，我们可以通过修改wz文件夹中_config.yml的第十七行来除掉它们，将pe后端开发平台rmalink: :year/:month/:day/:title/修改为permalink: :title.html

修改网站主题

hexo有很多不错的网站主题，各种主题的安装方法可以在对应主题的网站上后端开发平台找到，一般我们在百度上搜索“hexo主题”查询到的第一个就会看到各式各样的主题。下面我们以butterfly这个主题为例，来进行说明。

打开wz目录，右击鼠标选择Git Bash Here执行下方命令安后端开发平台装图片渲染器执行下方命令将主题下载到本地的wz/theme文件夹将_config.yml文件中theme对应的值后端开发平台更换为对应的主题名称，如butterfly再次部署网站时，网站主题就会更换为butterfly

标签：

相关文章： 朋友圈卖场，你的私域流量宝藏，如何最大化？,seo整站优势  网站推广和优化，如何引领互联网营销新潮流？  月薪2万，核心技能是？,星座网站建设海报图  如何在闲鱼搜索特殊服务？  电商货是什么意思  高薪速聘，网络销售精英！  SEO培训的重要性：掌握搜索引擎优化，提升网站排名？,网站搜索引擎优化策划  如何将闲鱼商品添加到视频中？  固定资产清理怎么理解  网站如何赚钱？一个有价值的网站才可以赚钱!  教你如何利用app交叉推广来0成本推广自己的app，大量吸粉！  网络安全等级保护测评，如何确保数据安全？,SEO图案  销售kp是什么意思  Optimize阜康英文SEO, Boost Global Visibility  谷歌推广：核心关键词+效果如何？,台州seo软件运营培训  廉江SEO新攻略：快速提升排名，策略精炼！  环保SEO公司助力企业迈向绿色未来？  精优商品，销量翻倍，曝光升级  竞价开户，如何快速提升效果？,seo优化专员的能力  如何应对闲鱼上的恶意骂人行为？  房产行业一个不可忽视的因素:房产网络广告作用  创新产品，速来体验！  如何管理不听话的员工  供应商系统省钱的方法有哪些  我国网络营销蕴藏巨大商机和发展空间  股票质押融资是什么意思  专业设计，如何打造品牌形象？,网站建设专场  AI写作神器，如何快速生成优质内容？,快照排名长尾关键词  文投控股下跌5.08%，报2.99元/股4月4日清明，提醒：2不碰，吃3样，忌1事，补充元气，平安过春天  北京SEO如何成为企业数字化转型的关键推动力？  揭秘cpa引流项目之百度贴吧诱导引流项目的玩法和思路！  轻松提升百度指数，三步走！  微信分销系统的优势在哪里  AI助你轻松创作，免费生成优质文章！  全网营销推广是重点吗？  如何让小程序自带流量，应该怎么布局？  《蔚蓝》开发者新作《大地之刃》推迟发售幸福的萨日娜，结婚34年只生孩子不做饭，帅气演员丈夫把她宠成宝  响应式推土机挖掘机机械类网站模板  SEO权重具体指什么？SEO优化的关键因素有哪些？  高效网站建设，专业定制，快速上线！  舟山品牌网络曝光新策略  湖北大学研究生双一流专业，报录比如何？,廊坊seo推广服务平台  湖南搜狗关键词速升榜  网店运营推广，实战提升，策略精炼  响应式品牌橱窗陈列网站模板  开启商业新纪元，网络推广领航者  淘宝直播带货如何开启？个人入驻有哪些要求？  excel数据分列是什么意思  上海SEO全网精优  抖音企业新势力，品牌闪耀瞬间！