个人网站建设过程以及寻找灵感 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
#Wrapper { background-color: #e2e2e2; background-image: url("/static/img/shadow_light.png"), url("//cdn.v2ex.com/assets/bgs/circuit.png"); background-repeat: repeat-x, repeat-x; } #Wrapper.Night { background-color: #1f2e3d; background-image: url("/static/img/shadow.png"), url("//cdn.v2ex.com/assets/bgs/circuit_night.png"); background-repeat: repeat-x, repeat-x; background-size: 20px 20px, 162.5px 162.5px; }
ys521
V2EX    程序员

个人网站建设过程以及寻找灵感

  •  
  •   ys521 2019-10-21 20:36:50 +08:00 9952 次点击
    这是一个创建于 2180 天前的主题,其中的信息可能已经有所发展或是发生改变。

    阅前:可以进来聊聊,相互帮助帮助,我也是想来找一下灵感以及友链的 (ˇˇ)。

    难点:产品策划(需求我就不 11 列出来了),主要是 UI 原型以及视觉这块,没有美术功底的我是真的难,当然也不

    可能全部自己设计。(服务器、域名这些东西我都有)

    网站内容:

    开发主要分为三个部分 1.博客系统(个人技术文章发表) 2.About Me (主要为个人介绍和一些友链以及链接)

    3.运营平台(介绍自己的产品,楼主副业做潮鞋)。

    技术选择:vue 全家桶、vantUI 或者 elementUI、PHP。

    希望以及目的:大家有没有一些自己的网站(ˇˇ)或者优秀的网站参考下,建议,或者美术生的帮助,或者

    优秀网站模板或者素材网......我会 11 谢谢大家的(ˇˇ)

    98 条回复    2022-04-13 16:11:28 +08:00
    SimpleName
        1
    SimpleName  
       2019-10-21 21:03:53 +08:00   2
    博客的话,直接 Hexo+主题
    ys521
        2
    ys521  
    OP
       2019-10-21 21:05:28 +08:00
    @SimpleName 谢谢
    rus4db
        3
    rus4db  
       2019-10-21 21:08:10 +08:00   3
    https://mikukonai.com/
    供参考。不过没有用任何框架,也没有后端。
    343382140
        4
    343382140  
       2019-10-21 21:12:49 +08:00   1
    taxuewuhen.cn ,个人小站,啊哈哈
    ipfox
        5
    ipfox  
       2019-10-21 21:14:08 +08:00   1
    我啥都不懂,直接用 typecho 或 wordpress
    ys521
        6
    ys521  
    OP
       2019-10-21 21:20:21 +08:0
    ys521
        7
    ys521  
    OP
       2019-10-21 21:25:31 +08:00
    @mikukonai 简介大方
    fengxianqi
        8
    fengxianqi  
       2019-10-21 21:26:43 +08:00   3
    用过 hexo,写文章稍微麻烦,写完得 build 一下。
    用过 WordPress,太重,一堆不需要的功能。
    最后一直用了 typecho,可以直接在后台写,写完就发布,可以 markdown 也可以富文本,找个喜欢的主题完事。
    如果为了学习锻炼可以自己写,如果只是为了写文章留档,请专注于写文章就行,博客只是个载体,别折腾了。
    https://www.fengxianqi.com/
    ys521
        9
    ys521  
    OP
       2019-10-21 21:28:33 +08:00
    @343382140 我觉得 SKILL 不应该用百分比去表示,技术这个东西是没有上限的,个人的小意见(ˇˇ)
    ssshooter
        10
    ssshooter  
       2019-10-21 21:29:44 +08:00   1
    https://ssshooter.com

    不过这边用的是 react
    tomxin7
        11
    tomxin7  
       2019-10-21 21:30:19 +08:00   1
    个人小站。http://www.tomxin.cn/
    ys521
        12
    ys521  
    OP
       2019-10-21 21:33:22 +08:00
    @fengxianqi 谢谢建议,我下去会再思考一下
    343382140
        13
    343382140  
       2019-10-21 21:35:13 +08:00
    @ys521 是没有上限,所以不可能达到 100%就对了,哈哈
    supersu
        14
    supersu  
       2019-10-21 21:36:04 +08:00 via Android   1
    我的博客 sharpgan.com
    ys521
        15
    ys521  
    OP
       2019-10-21 21:36:30 +08:00
    @ssshooter
    @tomxin7 谢谢,已收藏(ˇˇ)
    mamahaha
        16
    mamahaha  
       2019-10-21 21:41:36 +08:00   1
    我用 laravel+vue 做了个练习。可以写博客和问答,回头计划用 go、java 重写一遍,比比看到底哪个语言好使。
    demo.ktuba.cc
    guisheng
        17
    guisheng  
       2019-10-21 21:43:07 +08:00 via iPhone   1
    Wordpress 就好了 没必要开发了 在买个 带商业的主题 不出一个月就很好了
    ys521
        18
    ys521  
    OP
       2019-10-21 21:44:53 +08:00
    @supersu
    @guisheng 谢谢
    ys521
        19
    ys521  
    OP
       2019-10-21 21:45:53 +08:00
    @mamahaha 期待后期结果,已关注收藏
    ipwx
        20
    ipwx  
       2019-10-21 21:56:54 +08:00 via Android   2
    ys521
        21
    ys521  
    OP
       2019-10-21 22:04:38 +08:00
    @ipwx 谢谢
    opengps
        22
    opengps  
       2019-10-21 22:09:48 +08:00 via Android   1
    日常晒博客~ https://www.opengps.cn 经历过程
    阶段 1,纯粹想做,没啥内容,就买了域名买了服务器闲着
    阶段 2,只是想把自己的代码片段找个地方测试下
    阶段 3,做出了一点相对完整的功能
    阶段 4,终于知道了什么叫收录
    阶段 5,加上博客,增加收录
    阶段 6,学了点前端,美化了下
    阶段 7,开始用来学习进阶一点的运维知识(爬虫攻防,安全设置,日常运维等)
    weiwei202
        23
    weiwei202  
       2019-10-21 22:10:58 +08:00 via Android   1
    手写客 | http://shouxieke.net

    半吊子 asp
    unicloud
        24
    unicloud  
       2019-10-21 22:25:39 +08:00 via iPhone   1
    https://www.dute.org 一个工具网站,全站手撸代码
    lyz7hao
        25
    lyz7hao  
       2019-10-21 22:32:24 +08:00 via Android
    和楼主有一样的想法…
    lc7029
        26
    lc7029  
       2019-10-21 22:37:02 +08:00   1
    奇怪的老司机,qgdlsj.com
    YIFZ
        27
    YIFZ  
       2019-10-21 22:39:01 +08:00
    直接用 wordpress 搭建,重点是写文章,点我头像
    ericgui
        28
    ericgui  
       2019-10-22 04:08:55 +08:00   1
    推荐我写的一个东西: https://github.com/buzzycloud/buzzyblog

    思路是 Headless CMS + React/Vuejs/Angular

    就是说,如果是博客,你不用考虑自己写后端,你只需要考虑怎么把前端写好

    市面上已经有很多 CMS 了,你不用自己写
    lunatic5
        29
    lunatic5  
       2019-10-22 08:34:23 +08:00
    搞个 wordpress 简单省事,如果想折腾的话另说。我的: https://xiaoma.me
    qq007523
        30
    qq007523  
       2019-10-22 08:46:27 +08:00
    weibaichao.cn 用 vuepress 基本满足你的所有需求,觉得不错的话可以给我个 star
    dif
        31
    dif  
       2019-10-22 09:30:28 +08:00
    wordpress 多省事。
    XSNARUTO
        32
    XSNARUTO  
       2019-10-22 09:57:02 +08:00   1
    用个 Ghost 就好了,现在该有的都有了,
    简简单单的没 WordPress 那么臃肿(虽然我用回 WordPress 了)。
    Ghost 现在好用的主题也多,个人比较推荐 Fueko 的 Nurui 和 Keima。
    ys521
        33
    ys521  
    OP
       2019-10-22 12:54:22 +08:00
    JustSong
        34
    JustSong  
       2019-10-22 13:39:20 +08:00 via Android
    前后端自己随便写的,纯粹是为了折腾,目前文章质量还比较差,毕竟暂时没什么可输出的,欢迎友链,地址: https://iamazing.cn/
    zsg1994
        35
    zsg1994  
       2019-10-22 13:56:46 +08:00   1
    感觉我们的技术栈差不多,你可以看看我的开源博客 https://github.com/byteblogs168
    介绍在这 https://www.byteblogs.com/article/156
    zsg1994
        36
    zsg1994  
       2019-10-22 13:57:38 +08:00
    最近写了一个新的主题 还在优化 http://yancy.byteblogs.com/
    shanyue
        37
    shanyue  
       2019-10-22 14:07:39 +08:00   1
    http://shanyue.tech

    直接使用的 vuepress,考虑以后使用 gatsby 定制一下
    yehuzi
        38
    yehuzi  
       2019-10-22 14:49:18 +08:00
    用的 Ghost,自己写的主题,初期也和楼主一样,不会设计没有美术功底难死人 https://yehuzi.com/
    AyanamiRei
        39
    AyanamiRei  
       2019-10-22 14:53:44 +08:00
    hexo + github pages + Icarus
    ys521
        40
    ys521  
    OP
       2019-10-22 15:03:07 +08:00
    我在想是自己写个后台管理系统呢还用现成的 CMS,自己写成本有点高(ˇˇ)
    memos
        41
    memos  
       2019-10-22 16:00:34 +08:00
    hexo + github pages

    blog.wjup.top
    withzhaoyu
        42
    withzhaoyu  
       2019-10-22 16:30:34 +08:00
    @ipwx 大佬你这个好漂亮。
    c141
        43
    c141  
       2019-10-22 17:04:44 +08:00
    美工不算什么 推广才是最难的
    Foreverdxa
        44
    Foreverdxa  
       2019-10-22 17:09:59 +08:00
    我之前用了 typecho,WordPress。然后熟悉了他们数据库的储存方式,以及一些运行方式,然后现在在自己写,后台,前台。预计要几个月时间,空闲了写点,后端用的 go 语言,前端用的 layui (有很多都是参考别人的。。。)
    charlestome
        45
    charlestome  
       2019-10-22 17:15:48 +08:00
    @c141 引流目前免费而且量大是知乎,百度号,搜狐号,通过换外链效果不大。
    AppxLite
        46
    AppxLite  
       2019-10-22 18:48:08 +08:00
    http://appxlite.com 可以参考一下
    dmjob2015222
        47
    dmjob2015222  
       2019-10-22 19:12:58 +08:00
    @ericgui 有什么简单入门的 Headless CMS 么,找了几个,感觉有点难
    kevtyle
        48
    kevtyle  
       2019-10-22 19:28:58 +08:00
    wordpress 就好,别在技术上花太多时间,多关注内容。
    我的博客
    http://benearyou.com/
    palydawn
        49
    palydawn  
       2019-10-22 19:30:38 +08:00
    @unicloud 大佬,你的网站真是干净整洁
    redam
        50
    redam  
       2019-10-22 19:47:13 +08:00
    第一次做自己网站,是用来撩妹了 →→
    ochatokori
        51
    ochatokori  
       2019-10-22 19:52:17 +08:00 via Android
    感觉 v 站好久没有见过博客贴了
    mrsongopen1
        52
    mrsongopen1  
       2019-10-22 19:55:17 +08:00
    bootstrap 里面有好多精选网站,都算是比较前卫的设计,我的博客网站就是扒了一套 bs 上面的网站 改了改写的
    cnfczn
        53
    cnfczn  
       2019-10-22 19:59:55 +08:00   1
    最开始做的是静态网站,伪单页 ajax 填充内容,单纯为了好看,
    后来发现朋友的博客挺好看的,就照猫画虎做了一个.但是由于是静态网站,加之当时没有自己的服务器,就放在了 github 上,本身没有良好的写作习惯,所以慢慢就凉了.
    现在的博客是第三个,内容就是自己的笔记. vim 里用 vimwiki 做笔记,配合一些自定义脚本,同步更新网站(还是懒的原因,懒是第一生产力)
    w4ctech
        54
    w4ctech  
       2019-10-22 20:07:56 +08:00
    为何不用 vuepress 呢
    libasten
        55
    libasten  
       2019-10-22 21:18:16 +08:00   1
    你到底是想运营网站还是想要进行技术实践?如果运营网站的话,没必要折腾那些技术,一个 wordpress 就搞定一切了。
    我以前也折腾了好多建站系统,也想自己动手写,后来发现就用一个 wordpress,安安静静写点东西最好。
    如果觉得 wp 重,可以试试 zblog,简单的很。
    我现在的博客: https://www.feidaoshuo.com
    alphardex
        56
    alphardex  
       2019-10-22 22:52:28 +08:00 via iPhone   2
    如果喜欢网站 ui 动效的话可以参考一下我的 CSS 动画作品集 https://shiroi.netlify.com
    secondwtq
        57
    secondwtq  
       2019-10-22 23:08:03 +08:00
    看到你用 Vue,我就很纳闷我如果关掉 JS 和 CSS 能正常浏览不 ...
    ericgui
        58
    ericgui  
       2019-10-23 00:40:05 +08:00 via Android
    @dmjob2015222 从技术上说,提供了 api 的都是,你可以试试 wordpress,或者谷歌搜一下
    JohnDoeChou
        59
    JohnDoeChou  
       2019-10-23 00:45:23 +08:00   1
    gin+vue 单纯是为了学习技术以及摆脱 CMS 的束缚
    ericgui
        60
    ericgui  
       2019-10-23 01:00:57 +08:00 via Android
    @dmjob2015222 老铁给我的代码点个赞呗,谢谢啦
    dartabe
        61
    dartabe  
       2019-10-23 01:56:14 +08:00   1
    用 ui 框架 外加 各种 其他网站做参考 完全够了 做出来挺漂亮的
    ys521
        62
    ys521  
    OP
       2019-10-23 02:59:37 +08:00
    @libasten 其实自己写后台东西也不多,登陆、发布文章、文章管理,目前只为主要博客建立,因为考虑到后期多多少少
    做些运营。vue+node+MongoDB+express 在加上 marked、mavon-editor (前端也能用)一些插件啊,基本上
    就能解决。
    kingfalse
        63
    kingfalse  
       2019-10-23 08:26:26 +08:00 via Android
    WordPress
    kingfalse
        64
    kingfalse  
       2019-10-23 08:26:36 +08:00 via Android   1
    2fps
        65
    2fps  
       2019-10-23 08:56:28 +08:00   1
    基于 Gatsby 的,https://www.zhuyuntao.cn/ ,主题是借鉴之前的 WP 的主题
    wxaxiaoyao
        66
    wxaxiaoyao  
       2019-10-23 08:58:15 +08:00   1
    wxaxiaoyao.cn 个人博客+建站工具, codemirror 做的在线编辑器. git 做存贮, 目前在做分布式 git 存储, 个人建议直接用文件系统做存贮.
    likefly
        67
    likefly  
       2019-10-23 09:22:53 +08:00   1
    https://www.raining.top/
    Hexo + Echo 主题,自己稍微改了一下更简洁了
    wanacry
        68
    wanacry  
       2019-10-23 09:28:40 +08:00
    @mikukonai #3 看了下你的博客内容,感觉你是小粉红
    ji39
        69
    ji39  
       2019-10-23 10:05:12 +08:00
    自己写些页面,但是设备多,系统多,老在本地运行行不通,只好在公网上建
    siriussilen
        70
    siriussilen  
       2019-10-23 10:10:19 +08:00   1
    https://goesbest.cn
    Wordpress 不错哦!
    Leonard
        71
    Leonard  
       2019-10-23 10:13:39 +08:00
    不是想折腾的话,WordPress,Ghost,Hugo 随便选一个就行
    humor66
        72
    humor66  
       2019-10-23 10:14:27 +08:00   1
    https://blog.shuipingguo.com/ 史上最优秀的博客模板
    Hanggi
        73
    Hanggi  
       2019-10-23 10:16:15 +08:00   1
    hugo 走起。
    http://hanggi.me
    o0
        74
    o0  
       2019-10-23 10:32:29 +08:00 via iPhone
    直接找个设计人员搞一份,就比较省事儿。
    tmdbug
        75
    tmdbug  
       2019-10-23 10:58:57 +08:00   1
    个人也建议 WordPress 可行~
    https://www.tmdbug.com/
    ryugifujino
        76
    ryougifujino  
       2019-10-23 11:12:34 +08:00   1
    https://ryougifujino.com/
    about 里有前端和服务端的代码
    vue 和 koa 实现,完全手写,没有用 UI 框架,实现了一个双屏 markdown 编辑器,可以发布文章、编辑等等(登录后可用)
    debuginn
        77
    debuginn  
       2019-10-23 11:32:02 +08:00   1
    https://www.debuginn.cn 个人 wordpress 站点,欢迎到访!!!
    weipt
        78
    weipt  
       2019-10-23 11:40:36 +08:00   1
    自己有域名,也有服务器,感觉还是自己写的放心,http://djdlt.com
    本来名字叫大家的论坛,但是害怕论坛二字查得严,
    “大家”有两重含义,一是大伙,所有人;二是在某方面特别突出的专业人员
    所有也想着能让更多的人注册,畅所欲言,发表自己的见解和知识。
    另外:
    1、目前大家都用哪个 ssl 证书啊,最好免费的哦
    2、自认为 seo 这方面还是很注意的,但是百度收录不好,但是其他搜索引擎还不错。
    百度只认自己的产品,或者只对一些大型网站比较友好,其他的小站就非常差(有些个人网站还是做的很不错的,但是百度权值也不好)
    a62527776a
        79
    a62527776a  
       2019-10-23 11:44:28 +08:00
    工具站 无所谓样式了 直接 UI 库往里怼
    https://ytb.dscsdoj.top/#/
    llluuo
        80
    llluuo  
       2019-10-23 11:45:17 +08:00
    潮鞋副业展开讲讲?
    a62527776a
        81
    a62527776a  
       2019-10-23 11:45:21 +08:00
    工具站 无所谓样式了 直接 UI 库往里怼
    [https://ytb.dscsdoj.top/]( https://ytb.dscsdoj.top/)
    a62527776a
        82
    a62527776a  
       2019-10-23 11:46:03 +08:00
    工具站 无所谓样式了 直接 UI 往里怼
    [https://ytb.dscsdoj.top]( https://ytb.dscsdoj.top)

    你们为什么可以发链接 我擦
    CSGO
        83
    CSGO  
       2019-10-23 13:12:27 +08:00   1
    dany813
        84
    dany813  
       2019-10-23 13:19:04 +08:00
    @kevtyle 大佬的博客简约风,很喜欢哈
    dany813
        85
    dany813  
       2019-10-23 13:22:01 +08:00   1
    @unicloud 你这个访问量应该很高吧
    tutustream
        86
    tutustream  
       2019-10-23 14:25:13 +08:00   1
    非技术的同推荐 wp,买个模版简单实用
    yeept
        87
    yeept  
       2019-10-23 15:14:08 +08:00   1
    unicloud
        88
    unicloud  
       2019-10-23 15:36:20 +08:00 via iPhone   1
    @dany813 讲真,没啥访问量,如果觉得还可以的话,帮忙宣传下啊。
    nazznazzz
        89
    nazznazzz  
       2019-10-23 20:36:10 +08:00   1
    https://www.kongdi.net 也想换换设计了,越看越丑
    zhangmenglong
        90
    zhangmenglong  
       2019-10-23 21:19:33 +08:00 via Android   1
    menglong.me 也在手撸中
    ys521
        91
    ys521  
    OP
       2019-10-23 21:38:05 +08:00
    @humor66 确实不错的
    ys521
        92
    ys521  
    OP
       2019-10-23 22:17:53 +08:00
    @humor66 GitHub 上有吗?
    bianbingdang
        93
    bianbingdang  
       2019-10-24 10:38:29 +08:00
    我的博客: http://www.bianbingdang.com
    我的 BBS: http://bbs.bianbingdang.com
    第一个是自己用 django 开发的,但是后来感觉轮子遭下来不划算,很多开源的只用适配个主题就行了。也不用考虑生态问题,插件,SEO 等
    tonytonychopper
        94
    tonytonychopper  
       2019-11-29 17:49:31 +08:00
    个人小站:tonychen.site
    IamWu555
        95
    IamWu555  
       2020-04-16 14:39:05 +08:00 via iPhone
    @mikukonai 没后端你写博客不累吗?
    burringcat
        96
    burringcat  
       2020-05-01 11:41:55 +08:00 via Android
    我的网站 https://0u0.fub
    还是静态页面好
    burringcat
        97
    burringcat  
       2020-05-01 11:43:12 +08:00
    @burringcat https://0u0.fun
    这都能打错。。
    woodwhales
        98
    woodwhales  
       2022-04-13 16:11:28 +08:00
    使用 hexo + next 搭建的个人小站: https://woodwhales.cn
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3545 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 31ms UTC 10:27 PVG 18:27 LAX 03:27 JFK 06:27
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86