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

这篇文章讲的是如何制作网站以及免费个人网站制作教程，实际上这篇文章也可以看做是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关键词优化价格是多少？  网络营销之广告营销  武汉地铁12号线，前半程藏匿哪座城？,怎么选择福州seo方案  网站SEO数据分析，精准优化策略。  广告联盟为什么会扣量？不扣量的cpa联盟存在吗？  网站排名翻倍，流量翻番，SEO优化秘籍！  白对虾+清蒸，如何保留鲜美原味？,二师兄营销推广怎么做  闲鱼交易怎么做？  飞速浏览，一触即达  手机群聊新体验，一键加入享优惠  永久个人网站，一键搭建！  SEM竞价专员：精准调控广告预算  手机SEO优化教学：掌握关键步骤，如何提升网站排名？,山西品质网站建设  企业破产清算员工怎么办  分销系统赚钱更便捷  儿童教育培训机构网站模板  “有没有AI写作工具，让写作变得轻松高效？”  小米取得程序执行方法专利，提高了开发效率，减少了开发成本回顾：原来她是冯巩“女儿”，从不拍吻戏，成为了娱乐圈的一股清流  沛县网站SEO优化，高效价格优！  网页设计精英，高薪招募中！  如何快速辨别改写得物鞋的真伪？  湖北工业职院：实力派高职教育！  “轻快浏览，尽在网页版谷歌”  友链互推，携手共赢  推广普通话，如何提高语言交流效率？,浙江提供网站推广多少钱  畅游免费乐园，乐享网际欢乐！  SEO必备工具深度解析  域名whois信息，如何获取更详细？,湖北一般的网站推广是什么  打造全新网站，优化升级体验  关键词+？，揭秘设计方案的奥秘！,福建做seo优化  创新营销，品牌价值倍增  实惠SEO，高效优化秘籍  破解付费墙，爬虫技术揭秘战  爱情保卫战2012：爱如潮水，你能否坚守？,建设网站便捷服务  搜狗官网，智能搜索，便捷生活  平昌优个网，双倍精彩，你猜？,南庄网站优化培训  智能时代，无限可能，CHAGPT4一键下载  校园招聘对企业的意义  思腾合力争先布局AI编程市场，迅思代码生成一体机助力开发者提效！THE9成团后首次营业，离开《青你2》强大滤镜后，虞书欣颜值变了  “Win10专业版，极致性能，一触即达”  苏州网站优化，快速提升企业网络曝光！  15招SEO秘籍，网站优化一步到位  分销佣金是啥意思  推恩令：削弱诸侯，如何巩固中央集权？,网站建设学习强国笔记  淘宝关键词优化秘籍集  SEO专家，高效提升排名，快速接单！  如何让闲鱼商品全国可见？  商盾网商标查询，商标注册流程是怎样的？,网站推广推举火13星