# 用文本替换 #current-user 导航项

**URL:** https://meta.discourse.org/t/replacing-current-user-nav-item-with-text/123442
**Category:** Development
**Created:** [2019年七月19日 17:39 UTC](https://meta.discourse.org/t/replacing-current-user-nav-item-with-text/123442 "2019-07-19T17:39:05Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![ahmadabdolsaheb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmadabdolsaheb/32/138662_2.png) [@ahmadabdolsaheb](https://meta.discourse.org/u/ahmadabdolsaheb)
#### Post date: [2019年七月19日 17:39 UTC](https://meta.discourse.org/t/replacing-current-user-nav-item-with-text/123442/1 "2019-07-19T17:39:05Z")

</div>

大家好。

我需要将导航栏中的 #current-user（个人资料图片）项目替换为文本“profile”。  
这样做最好的方法是什么？

我曾尝试在 #current-user a::before 中添加文本，

并将个人资料图片的 display 设置为 none，

但这也会隐藏通知。

期望的结果如下所示。

![27%20PM](https://global.discourse-cdn.com/meta/original/3X/8/e/8ee99f284a7122ee5507f9b2a1434fb63492465b.png)

提前感谢。

---

<div class="post-metadata">

### Author: ![blake](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/blake/32/157322_2.png) [@blake](https://meta.discourse.org/u/blake)
#### Post date: [2019年七月19日 18:00 UTC](https://meta.discourse.org/t/replacing-current-user-nav-item-with-text/123442/2 "2019-07-19T18:00:04Z")

</div>

我想你可以创建一张包含“个人资料”文字的图片，然后直接渲染这张图片来代替头像。

---

<div class="post-metadata">

### Author: ![ahmadabdolsaheb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ahmadabdolsaheb/32/138662_2.png) [@ahmadabdolsaheb](https://meta.discourse.org/u/ahmadabdolsaheb)
#### Post date: [2019年七月20日 20:33 UTC](https://meta.discourse.org/t/replacing-current-user-nav-item-with-text/123442/3 "2019-07-20T20:33:44Z")

</div>

@blake，感谢回复。  
我正在开发一个新主题，我认为那样可能不是最优方案。  
您觉得我能否通过插件 API 或小组件来实现呢？

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2023年一月15日 07:30 UTC](https://meta.discourse.org/t/replacing-current-user-nav-item-with-text/123442/4 "2023-01-15T07:30:37Z")

</div>



---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [2023年一月15日 09:53 UTC](https://meta.discourse.org/t/replacing-current-user-nav-item-with-text/123442/5 "2023-01-15T09:53:15Z")

</div>

您好，

使用 CSS 也可以实现这一点。🙂

通用 \> CSS

```scss
li#current-user {
  a.icon {
    padding: 0.2143em 0.5em;
    border: 1px solid transparent;
    border-bottom: none;
    &:before {
      content: "profile";
      font-weight: 600;
    }
    img.avatar {
      display: none;
    }
  }
}
// 对齐新用户菜单
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}

```