图片展示

0代码基础教你搭建一个0成本的网址导航网站

关注:1400 发表时间:2019-09-29 17:23:51

哈哈,这篇文章拖了好久,看到这么多童鞋期待,我也是时候写它了。


废话不多说,直接进入正题。


关于做一个网址导航怎么赚钱在这一篇《网址导航,怎么赚钱?》我已经说过了,这里就不再赘述了。


网址导航也分两种类型:


一种是纯静态的,一种带简单交互的,比如登录、收藏等功能……


今天这篇文章,这两种类型你都能学会。


其次,我在说下他们两的区别:


1、静态:搜索引擎是不收录的,只收录你页面。其次就是每添加一个导航需要你手动更新代码。(PS:这里说的不收录是指你添加的导航不会被单独收录)


2、动态:你添加的每一个导航都会被百度收录,添加导航只需在后台添加即可。



01、懒得动手型


所谓懒得动手型就是利用一个网站程序然后换上一个网址导航的模板即可,简单方便,而且还有一些交互功能,但需要一点小成本。


比如这个:



相信大部分人都听过这个导航,是一个很火的设计师网址导航,他这个是个静态的,之所以提到他,主要是因为这个站长是个主题开发者。


他写了一款WordPress的导航主题:



这个主题是带交互的,比如:



演示地址在这:http://heige.chuangzaoshi.com

你们可以自己去看。


价格有点小贵,500元。

不过,如果你打算认真做一个导航站的话,500元就不贵了。


还有一种是一些主题本身带有导航功能的,比如我的博客就有一个导航功能:



这种的好处就是导航仅仅是网站的一个功能,你还可以发文章等基本操作。


当然,这两种都是需要成本的,因为他们都是基于一个模板来实现,会敲代码你也可以用免费的WP主题然后自己写一个导航页面,这样你的网站就既可以发文章又可以是导航了。


接下来我们来说说免费的。



02、需要有点动手能力的


本文的标题我也说了,0成本,所以要实现零成本的要么就是白嫖一个模板,要么就是自己动手敲代码搞个静态的。


其实不会敲代码也没关系,你随便百度一下网址导航HTML源码,下载一个然后修改代码即可。


我这里就以这个黑格导航来举例:



假装它是我在百度下载的一个HTML源码,然后里面会有3-4个文件,包含:html、css、js、images等,当然可能还有一些其他的,也可能有的没有js。


但不管怎样,html是一定存在的。


而我们要做的,就是去修改html里面的代码以及images里面的图片。



上图是这个黑格导航的html,你不需要懂这个代码是什么意思,只需要认识中文就行。然后把这些字改成你自己的~


我一篇文章教会你HTML也不太现实,但为了让你懂,我就来演示给大家看看:



这个是我刚拔下来的一个简单的主页源码,里面有这几个文件:



css:控制样式的代码

images:图片都在这

js:可以实现一些功能和效果

picture:也是图片

default.html:代码在这



比如这个头部,你只需要修改标题和关键词等中文内容即可。


再比如底下的内容区:



上面这些代码对应的是这里:


比如我现在把这些字全改了:



再来看:



当然,光改字不行,你还得修改地址:



还有一些是有图片的,不过这个是个主页导航,没有带图片,我这里换个代码来简单说下:



效果:



好了,HTML是非常简单的东西我就不多BB了,大家自行百度~


简单一句话:百度找个好看的源码然后修改字即可,改着改着你就会了。


当然,如果你懂一些HTML和CSS的话完全是可以自己写的~


这里也给大家推荐一个开源的设计师导航源码:



这个是开源的,是一个单页,挺好看,功能也不错,你只需要下载下来,然后修改里面的文字,链接,图片即可。


下载地址:https://github.com/WebStackPage/WebStackPage.github.io



03


说完了上面的,接下来我们再来说如何白嫖一个服务器。


之前这篇文章《0代码基础教你“免费”搭建自己的个人博客网站》我有教大家如何利用github来搭建一个免费的博客。


今天换一个,coding,优点是速度会快一点。



操作方法跟之前的github几乎一模一样,我就不像上次一样一步步的演示了,碰到不懂的你再来问我。


其次,还有一个,码云,操作方法也是一模一样,你们自己去看,不过似乎码云的有点慢~




其次就是域名,域名之前我好像也提到过,去腾讯云购买,新用户似乎1块钱就能买个com的域名~


所以最终,总成本也就是1块钱的域名费用~

如果你不想买域名,用他们提供的二级域名也阔以~


原谅我,本来想写的详细一点的,但是最近实在太忙,忙着学习,哈哈,写完后才发现,过于小白了,不过应该能帮到大家,对你有帮助就行。




图片展示
图片展示

电话:400-80000000  /13504110000


©2017 网站模板- xxxxx.com,All right reserved 版权所有