如何制作网站,免费个人网站制作教程
这篇文章讲的是如何制作网站以及免费个人网站制作教程,实际上这篇文章也可以看做是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文件夹
标签:
相关文章:
小红书如何快速搜索特定店铺名?
数据回写是什么意思
探营云栖大会黑科技:动嘴就能做网站,给灵感就能制作海报刘亦菲身穿粉色仙女裙美出圈,网友:确实好看,就是该减减肥了
拼多多管理后台操作简单吗?实用功能有哪些?
企业品牌新突破
助您独占鳌头,关键词优化,赢在起跑线
投资理财要辨别虚假网站 黄岛公安打掉制作电诈APP的团伙本以为戚薇和女儿长得很像,看到蔡少芬女儿,才知道啥叫复制粘贴
京东免运费有什么方法?
轻松搭建个性化网站,一键开启网络新篇章
宁波SEO专家,助力网站飞跃
有效获客的六大渠道是什么
SEM竞价专家管家
GPTMap破解版,谁能揭开无限AI世界的秘密?
全球十大引擎,一网打尽天下信息
淘宝直通车退款有途径吗?
京东金条如何便捷还款?
自媒体采编秘籍,价值翻倍!
超级卖霸入口在哪?是何方神圣?
南昌小红书SEO关键词优化价格是多少?
湖南SEO入门:关键词优化策略有哪些?,濮阳整合营销推广有用吗
国外联盟lead项目中的浏览器指纹是什么?
快鲸SCRM——私域流量智控引擎
免费SEO服务,高效优化专家
淘宝客是怎么通过淘客联盟赚钱的,一个月能赚多少?
小红书强刚需女粉变现手法,每天稳定300+
网络营销师大赛,双冠王花落谁家?,关键词排名会掉
团惠站长之家
“百度知道新门户,便捷搜索新体验”
上海APP推广,一键咨询热线!
重庆SEO高效推广,快速提升排名
珠海SEO合作,高效流量翻倍!
全站SEO外包,专业提升排名
梵高、莫奈,他们心中的世界是怎样的?,河北seo新手快速入门
热门搜索软件大盘点
全新CMS下载,一键升级体验!
台州有哪些SEO推广公司?
整合营销传播:多渠道协同,精准触达
智链营销,网络新动力
网站流量新风尚,SEO推广助您领航潮
网络营销平台搭建
抖音聊天记录如何彻底删除?
【关键词】新产品发布,如何引爆市场?,枣阳农技推广中心网站
新媒体运营ppt
数据分析软件,如何助力企业决策?,怎样提高百度seo
百度竞价托管,如何提升广告效果?,宁夏品牌网站建设
宁波大学人事处双轨制,未来走向何方?,玉溪湖南网站优化推广
龙岩SEO专家团队
企业网络营销,SEO利器,成就辉煌!
提醒员工节约用电的通知怎么发
SEO工作,魅力升级,效果翻倍!