CIFCOM跨境电商 CIFCOM跨境电商

当前位置: 首页 » 出海百科 »

个人如何做独立站

大家好,关于个人如何做独立站很多朋友都还不太明白,今天小编就来为大家分享关于个人如何做独立站的知识,希望对各位有所帮助!

亚马逊怎么做?

如果你想搭建一个静态的网站又不用收费的可以考虑一下使用hexo+github/gitee,该搭建方式需要你了解一定Markdown语法与hexo环境的安装与配置,如果你是一名技术人员并对github/gitee、Markdown有一定了解,那么搭起来也只需要几天时间,网上也有很多可供参考的文章。前一阵子自己也尝试搭建了一个,个人对github/gitee有使用,但对hexo了解不多,花了几天时间去搭建了解,以下是个人的了解与简单的流程(个人文章里的更具体)。

hexo+github/gitee要做的准备

  • nodejs安装(百度官网下载安装即可)
  • github/gitee账号
  • git安装

虽然gitee/github都可以部署,但还是要提下两者之间的细微区别:

  • gitee是国内站点,网络稳定高速,github访问有时不稳定
  • 站点项目更新部署到github/gitee后,github会自动重新部署更新,失败后还会给你发邮件,gitee则需要到respository里手动更新(除非你升级会员)

在部署到gitee/github之前可以先在本地调试样式添加文章,调好了后再部署到github上。

搭建hexo本地环境

  1. 确认nodejs已安装:node -v
  2. 安装hexo:npm install -g hexo
  3. 环境初始化:hexo init 目录名(目录不存在则自动创建),出现Start blogging with Hexo!则完成
  4. 进入初始化的目录后运行:hexo server [-p 端口号],默认端口为4000,访问localhost:port能正常显示页面即简单的静态网页已搭建成功(以下是个人搭建成功的后页面)

hexo与next主题配置

hexo官方提供了很多主题,搭建者只需下载自己所需的主题放到themes目录并更改初始根目录下的

_config.yml

配置thems为相应的主题名即可更换主题。以下为初始化目录下各文件夹的介绍:
  • scaffolds:模板、脚架目录
  • source:源文件夹(内容核心),所有的文章和分类、标签等都是通过该文件夹下的内容进行发布的
  • source/_post:所有发布的文章都在该文件夹中
  • source/xxx:菜单xxx页面,如分类source/categories用于存放分类页,但分类页md文件是无需内容的,hexo会自动索引
  • themes:当前hexo项目的各类主题存放文件夹,把所需的主题目录添加到该文件夹中并更改项目_config.yml相应配置即可更换主题
  • themes/{themeName}/_config.yml:主题配置文件,主题的各种样式、配置都可在该文件中更改
  • _config.yml:项目配置文件,设置项目的通用配置(主题外的配置,如标题、分页、搜索、作者、发布地址等) 由于landscape的排版与样式不太符合自己的,所以选择了next,足够简洁,一目了然(作为最多人选择的主题不是没有原因的)。使用next主题只需将该主题目录下载存放到项目的themes下并更改/_config.yml的theme配置值为相应主题名。
下载next主题(如果慢的话可以同步到gitee再从gitee下载):git clone

以next主题为例,hexo的页面都是通过_config.yml与/themes/next/_config.yml配置的,明显的配置如下图(c:为_config.yml中的配置,tc:themes/next/_config.yml中的配置):

菜单栏menu配置

hexo菜单栏可以在项目目录下通过hexo new page {menuName}指令创建,也可直接创建/source/{menuName}/index.md文件,并在themes\next_config.yml添加menu:{menuName}配置,如一个自定义菜单的局部配置(next/_config.yml):

menu: # || 后面是图标名,可在中查询所需图片
home: /index || home about: /about/ || user tags: /tags/ || tags categories: /categories/ || th temp: /temp/ || calendar archives: /archives/ || archive

文件与效果图(菜单的命名都是目录名,目录下须有index.md文件):

需要注意的是在fontawesome中搜到的图标不一定都有,还需要根据图标名查询themes/next/source/lib/font-awesome/css/font-awesome.css下有没有该图标样式,如stack-overflow则在css文件下先搜索下有没有该样式,有的话才会显示fontawesome中对应的图标,没有的话会显示一个矩形。有些图标fontawesome有但css中没有的原因是版本不同,目前我在网上搜的最新fontawesome最新的css是4.7.0的,但fontawesome上的一些图标版本是新的版本才有(如blog)的,所以个人猜测是版本原因导致网站上搜到的一些图标不可用。仔细点观察其实可以发现css中的样式content是与fontawesome上的图标Unicode是一样的:

部署到github/gitee

部署流程十分简单,安装hexo git插件后在github/gitee建立仓库,再在项目目录命令行部署即可。

安装hexo git插件:npm install hexo-deployer-git --save

github部署:

  1. 创建命名为username.github.io的页面仓库(小知识:个人开源的项目命名规则都是io.github.projectName,这里纯粹是顺序调转了)
  2. 在项目目录命令行执行hexo deploy deploy指令即可部署到页面仓库(如果没配置好git则需要输入github账号密码) 每次有部署时github都会为我们重新部署运行静态博客,失败会发送邮件,这一点很方便。博客页面仓库配置成功时查看仓库Settings下的Github Pages会显示以下图片内容,访问该地址即可显示你的博客页面(没事不用来闲逛,目前没啥内容可给大家看):

gitee:

  1. 创建博客发布仓库(命名无要求)
  2. 执行hexo deploy
  3. 点击仓库服务”->"Gitee Pages",配置成功后会显示网站地址, 非会员版gitee部署后要重新更新,有时还会有样式显示问题,唯一的优点就是比github快

搭建成功后,即可在https://用户名

.github.io/

或https://用户名

.gitee.io/

访问自己的网站,以下是个人的网站页面:

搭建过程使用到的文档

hexo官方文档:

next主题官方文档(很详细): ,next主题的所有配置、第三方服务安装(评论、搜索、统计等)、插件配置等都有详细的文档

fontawesome图标网站:?from=io

想了解更多功能和配置的可以去看以上官方文档,毕竟所有的功能都是官方提供的,肯定会有详细的使用方法,不想慢慢看想直接达到像动图啊、特定排版啊、什么之类的可以去百度下,文章还挺多的,不过就next的主题而言看文档比看文章可能要好不少。附next主题文档图:

shopify独立站怎么收款?

在去年搭建了属于自己的第一个网站,从站前策划、上线部署到到流量监测、后期规划,在建站上也算得上有一定的经验吧!下面跟大家分享一下自己的心得吧!

站前准备

在建站前,你应当明确自己想做一个什么样的网站,博客、门户、论坛还是什么类型,然后去选择合适的建站程序,如:做博客可以选择wordpress、z-blog(卢松松博客最开始就是用的这款程序吧);做论坛可以选择discuz;做一般的门户网站建议选择织梦或者帝国(更适合收录、做排名)。

了解以上知识后,你应该挑选一款合适的程序做深入学习,从程序的安装、后台的使用、相关bug的调试、前后台的把控、模板的替换等等,都可以用自己的电脑进行模拟熟悉,并顺带思考自己网站的栏目架构。

网站部署

待熟悉网站程序并思考好网站的结构便可以进行网站的上线部署了。一般得经过以下几个步骤:

1、注册域名

2、租赁服务器

3、网站备案

4、上传网站程序并做好相应部署

5、域名的解析绑定

我之前已经这五个步骤写过详细的文章说明,大家可以去头条找相关的文章进行学习。

至于站后规划、网站的推广及优化,在这里就先不介绍了哈。一步一个脚印,先建好自己的站点再说。

关于本次个人如何做独立站和个人如何做独立站的问题分享到这里就结束了,如果解决了您的问题,我们非常高兴。

未经允许不得转载: CIFCOM跨境电商 » 个人如何做独立站

相关文章

CIFCOM

contact