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

这篇文章讲的是如何制作网站以及免费个人网站制作教程，实际上这篇文章也可以看做是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实操，简单到不可思议  苹果在欧盟又做出重大让步，将首次允许用户通过网页下载iPhone应用陈婷再惹争议：放弃张艺谋妻子身份认证！背后原因引人猜想  职业打假人详细操作流程及具体细节  互链共赢，拓展网络影响力  “百度热搜榜：热门瞬间”  小红书图片去水印方法有哪些？  会计行业现状及发展趋势  文投控股下跌5.16%，报2.02元/股被“万茜”惊艳了！在国外穿白衬衫 喇叭裤，怕走光要用手捂住  SEO财富之道，关键词为王  永州SEO排名如何操作？费用如何计算？  网站推广的常见几种方式  小红书怎么才能快速获得点赞呢？  河南企业信查通  健身教练培训哪家强？排名揭晓！,扶绥全网推广营销招聘  重置设备至初始状态  工资条不给员工合法吗  网站优化三层面：内容、技术、用户体验  南宁网站建设，如何打造高效营销？,桂林seo公司都选火星  面试问hr的问题有哪些  遵义SEO公司攻略：关键词优化，如何快速提升网站流量？,seo开发价格低  数据维度是什么意思  SEO秘籍，轻松登顶百度！  关键词优化技巧，快速提升搜索排名  在线教育，如何实现双倍效益？,国际贸易网站优化系统  短视频代运营，品牌火爆加速器！  如何进行闲鱼实名认证？  高效网络推广，精准触达用户  江苏SEO，百度霸屏神器  品类运营和产品运营的不同  肖战深情送花，温暖传递爱意  嵌入核心关键词：优化网站结构，提升用户体验？,网站seo优化视频教程  优化SEO策略，高效提升网站排名  矩阵电商是什么意思  社会民生新闻博客网站模板  流动资产都包括什么  广西网站优化，关键词布局稳定流量，如何快速提升？,锦州装饰网站建设  小程序开发“巨坑”多，华为云这款轻量应用服务器轻松避坑武则天首次宠幸男宠，为何兴奋无法自拔？只因他的绝技能驾驭女皇  石龙SEO，高效优化专家  高效线上引流，精准推广策略  以开发“人像引擎”网站为名非法利用信息网络犯罪团伙被山东泗水县公安局抓获靠《伪装者》走红，演技好长得漂亮，出道30年婚姻成谜  每月被动收入3000+的小说分销搬砖类网上赚钱项目分享  SEO推广策略汇总  大数据赋能，高效培训速成  SEM：全方位网络营销利器  电商kol和koc是什么意思  面膜深层清洁，肌肤焕发光彩？效果如何？,潮州网站营销与推广  “高效广告方案，一招制胜，30字内全解析”  如何实现品牌溢价  应届生会背调吗  上海抖音SEO推广公司收费情况如何？